冷雨在线
EasyJWEB,JavaScript,Spring,JPA,MySql
半路出家,现在混JAVA.
我的首页
文章
相册
圈子
留言
管理
 
    当前所在页面:首页>>文章>>《ExtJS2.0实用简明教程》之应用ExtJS
《ExtJS2.0实用简明教程》之应用ExtJS
    作者:小雨 来源: 发表时间:2008-02-17

 
 

《ExtJS实用开发指南》印刷版3月10号推出,赶快去看看吧。 

  应用extjs需要在页面中引入extjs的样式及extjs库文件,样式文件为resources/css/ext-all.css,extjs的js库文件主要包含两个,adapter/ext/ext-base.js及ext-all.js,其中ext-base.js表示框架基础库,ext-all.js是extjs的核心库。adapter表示适配器,也就是说可以有多种适配器,因此,可以把adapter/ext/ext-base.js换成adapter/jquery/ext-jquery-adapter.js,或adapter/prototype/ext-prototype-adapter.js等。
  因此,要使用ExtJS框架的页面中一般包括下面几句: 

 <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>

  在ExtJS库文件及页面内容加载完后,ExtJS会执行Ext.onReady中指定的函数,因此可以用,一般情况下每一个用户的ExtJS应用都是从Ext.onReady开始的,使用ExtJS应用程序的代码大致如下:

 <script>
 function fn()
 {
 alert(‘ExtJS库已加’);
 }
 Ext.onReady(fn);
 </script>

 fn也可以写成一个匿名函数的形式,因此上面的代码可以改成下面的形式:

 <script>
 function fn()
 {
 alert(‘ExtJS库已加载!’);
 }
 Ext.onReady(function ()
 {
 alert(‘ExtJS库已加载!’);
 }
 );
</script>

(版权声明:本人Blog上的所有文章版本均归EasyJF开源的冷雨所有,受法律保护,可以在互联网上进行转载,转载必须保留作者版权声明及链接;未经本人书面许可,不得把本人Blog上的文章用于出版、发行或其它商业用途。)

上一篇:获得ExtJS    下一篇:ExtJS版的Hello

 
 

(阅读 )   评论数(:1)
评论】 【收藏】
评论:共1条
把如下加上注释更好一些....
评论人: realsmy     评论时间: 2008-02-18 10:02:49

发表评论:
发表人:
评论: 
    
 
关于我们 | 诚聘英才 | 联系我们 | 广告业务 | 网站地图 | 法律声明

EasyJF开源团队版权所有  建议使用1024*768分辨率