日期:2014-05-16 浏览次数:20372 次
? ExtJS作为一个开源的AJAX框架,非常流行。在百度百科上看到这么二句话:“功能丰富,无人能出其右”,“无论是界面之美,还是功能之强,ext的表格控件都高居榜首”。。。
? 可以从其官网上下载最新的包:http://www.extjs.com/。下载最新版本是3.x,2.x和3.x有很大的区别。本人不会ExtJS,所以开始记录学习ExtJS的经历,教程选用DojoChina的视频,可以到verycd上下载,共有30讲吧。
? 第一步是学习使用ExtJS,我下载了最新版本ext-3.2.1。解压后得到以下文件、
??? 看到对这些文件的解释,是对2.x的,所以有些东西没了,有些东西新增了,大体没变
??? 使用ExtJS需要加载其样式文件和库文件,样式文件是%ext%\resources\css\ext-all.css,而库文件包含二个:%ext%\adapter\ext\ext-base.js和%ext%\ext-all.js
? 使用时可以如下书写
<link rel="stylesheet" type="text/css" href="ExtJS/resources/css/ext-all.css"> <script type="text/javascript" src="ExtJS/adapter/ext/ext-base.js" ></script> <script type="text/javascript" src="ExtJS/ext-all.js" ></script>
?
??? 一开始将ext-all文件写在了ext-base.js前面,导致出现了错误,还一直纳闷呢。如果二个文件顺序写倒,则IE提示如下
?
?
?
?????
?? 比较汗吧,这也充分说明了ExtJS的文件引入是有顺序的。
? OK,写个Hello World爽一下吧。
<script type="text/javascript"> Ext.onReady(function () { Ext.MessageBox.alert("Hello world", "这是第一个Ext框"); });
?
?????????????????????????????????????????????????
?
?
?
??