EXTJS4快速入门:窗口创建与动态加载

需积分: 12 0 下载量 189 浏览量 更新于2024-07-28 收藏 241KB DOC 举报
"ExtJS 学习笔记是为初学者精心准备的一份指南,主要讲解EXTJS 4版本的组件创建方法和优化技巧。该笔记首先介绍了如何利用新的`Ext.create()`函数来创建`Ext.Window`对象,这种方式使得开发者能够动态加载所需的组件,避免了一次性加载庞大库文件带来的性能问题。作者通过示例展示了如何定义一个400x230像素的窗口,并设置了窗口的位置、无边框(plain模式)以及标题栏位于窗口左侧(通过`headerPosition`属性设置)。 在创建第二个窗口时,代码展示了如何改变窗口的位置,以及如何调整标题头的位置选项,比如将标题头放置在窗口底部(bottom)。通过这些细节,读者可以了解到如何灵活控制ExtJS组件的外观和行为。 此外,学习笔记还涵盖了关于CSS样式和JavaScript脚本的引用,例如使用`<link>`标签引入EXTJS的CSS样式表`ext-all.css`,以及使用`<script>`标签加载基础库文件`bootstrap.js`和中文语言包`ext-lang-zh_CN.js`。`Ext.onReady()`函数在此被用来确保在文档加载完成后执行窗口的显示操作。 这份学习笔记深入浅出地介绍了EXTJS 4中的窗口组件创建和基本配置,对于想要快速上手EXTJS并理解其核心功能的开发者来说,是一个极好的参考资源。通过实践这些代码示例,读者可以逐渐掌握如何构建和定制自己的EXTJS应用程序。"