admin 管理员组文章数量: 1184232
2024年4月20日发(作者：vs2017解决方案管理器怎么调出来)
第一章，初识ExtJS
通常简称为EXT，它是一个非常优秀的Ajax框架，用JavaScript编写，与后台技术
无关，可以用来开发具有炫丽外观的富客户端应用。
ExtJS是一个JavaScript库，它以HTML作为控件的骨干，以CSS作为样式的表现，以
JavaScript作为粘合语言，可应用于不同浏览器的AjaxUI组件库，具备了Swing许多特性，
并可兼容jQuery/Prototype等其他JS库。
又简称Ext，
可以从/products/extjs/download/
下载到Ext的最新版本。
2.常见的Ext开发工具
JsEclipse;Aptana;Spket;Dreamweaver;KomodoEdit.
推荐使用eclipse结合Spket来作为开发工具。
3.在eclipse环境中安装Spket提示工具
(1).将spket中的子文件夹(plugins和features)拷贝到eclipse目录中覆盖原有的文件。
(2).打开eclipse点击Window-->Preferences,选择左侧的Spket展开，
选择JavaScriptProfiles,右侧点击New(添加一个新的项目)，这里输入ExtJS,
点击右侧的AddLibrary,下拉列表中选择ExtJS,选中ExtJS，
点击右侧的AddFile,选择下载的Ext解压包中的2点击打开（导入了代码提示
包，默认选择ExtAll）。
再选中ExtJS(上一级)点击Default-->OK
(3).重启eclipse测试
新建一个JavaScriptProject，
New一个JS文件()，
在test,js上右键-->OpenWith-->选中SpketJavaScriptEditor(表示我们使用的是Spket
它的代码提示功能)
输入Ext代码，如Ext.
第二章，使用Ext文件制作基本的Ext页面
HelloExt
应用Extjs需要在页面中引入Extjs的样式及Extjs库文件，
样式文件是resources/css目录下的这个文件，
而Ext的js文件库主要包括两个:
分别是adapter/ext目录下的，以及这两个文件。
表示框架的基础库，
1
是Ext的核心库。
示例：
在引用了必备文件之后，就可以书写基于Ext的Js代码了。
如下示例(Ext版的HelloWorld)：
y(function(){
("hello","Hello,ThisisExt'sMessageBox");
});
注意：这里的y表示页面的Dom加载完毕之后执行里面的代码，
这一点在实际开发中应用非常广泛，
因为为了保证我们的Ext代码能够正常的操作页面中的元素，
我们必须先等待页面中的Dom加载完毕之后才能操作，
否则就会出现找不到对象的错误。
这段代码表示，当页面加载完毕之后，
执行eBox这一行的语句。
这里的
alert
方法和
javascript
里面的
alert
方法比较：
页面效果如下：
可以看到在这个页面中弹出了一个对话框，并且这个对话框可以任意的拖动。
这个对话框完全是通过页面的样式进行控制的，
2
版权声明：本文标题：EXTJS笔记3 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1713580707a641761.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论