我们开始第一个例子，可以帮助你了解Ext的开发。
（1）首先我们建立项目目录，如C:/example1。
（2）在example1目录下建立js和css两个目录，用于存放JS文件和CSS样式文件。
（3）为了节省空间我们只把需要的文件拷贝到项目中：
将EXT目录中resources/css/目录下的ext-all.css、xtheme-aero.css、xtheme-gray.css、xtheme-vista.css文件拷贝到项目中CSS目录下。
将EXT目录中ext-all.js文件和adapter/ext/ext-base.js文件拷贝到项目中JS目录下。
拷贝EXT目录resources/中的images目录全部拷贝至项目目录中。
|
|
开发所必要的文件已经拷贝到项目中啦，以上导入操作今后不再提示。
接下来该编写代码来实现功能啦.Go...
（4）在js目录下新建hello.js,内容是：
| Ext.onReady(function() { Ext.MessageBox.alert('提示', '你好，中国'); }); }); |
（5）在根目录建立hello.htm,内容是：
| <html> <head> <script type="text/javascript" src="js/ext-base.js"></script> <script type="text/javascript" src="js/ext-all.js"></script> <link rel="stylesheet" type="text/css" href="css/ext-all.css"> <script type="text/javascript" src="js/hello.js"></script> </head> <body> <input type="button" id="mb1" value="点击我"> </body> </html> |
我们双击打开hello.htm页面，单击"点击我"按钮，你可以看弹出对话筐，效果如下：
|
|
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
