前言:在搭建好环境后,就可以利用Extjs进行开发了。
一、在项目中拷贝相关的Extjs文件,如下图:
注意:不需要整个Ext开发包全部导入,这样很容易造成eclipse卡死,因为eclipse会自动检测js的合法性,会占用大量的检测时间、cpu和内存。通常普通的开发只需要用到\extjs-4.2.1\resources文件包、\extjs-4.2.1\bootstrap.js、\extjs-4.2.1\ext-all.js这两个资源就可以,需要中文化再导入\extjs-4.2.1\locale\ext-lang-zh_CN.js 就可以了,
如下图:
二、编辑html相关代码:
注意:上面引用js文件顺序一定是:
先引用bootstrap.js //是所有js的基类
再引用ext-all.js
三、编辑helloword.js
/*Ext.onReady(function(){ Ext.Msg.alert("hello word!"); })*/ Ext.onReady(function(){ Ext.MessageBox.alert("你好世界","Hello World!") });
运行,效果如下:
附:处理在js中编辑后运行出现乱码
参见:http://www.cnblogs.com/maowang1991/archive/2013/02/05/2893155.html
原文:http://www.cnblogs.com/wql025/p/4970186.html