ExtJS 2.0实用简明教程之应用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框架的页面中一般包括下面几句:
在ExtJS库文件及页面内容加载完后,ExtJS会执行Ext.onReady中指定的函数,因此可以用,一般情况下每一个用户的ExtJS应用都是从Ext.onReady开始的,使用ExtJS应用程序的代码大致如下:
fn也可以写成一个匿名函数的形式,因此上面的代码可以改成下面的形式:
因此,要使用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>
ExtJS 2.0实用简明教程 之获得ExtJS
网址http://extjs.com/download,进入下载页面可以看到大致如图xxx所示的内容,可以选择选择1.1或2.0版本,本教程使用的2.0版本。图1-1ExtJs不同版本下载选择
Ext 表单布局实例代码
Ext.onReady(function(){Ext.QuickTips.init();//第一句的目的是为需要的元件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息了。Ext.form.Field.protot
ExtJS 2.2.1的grid控件在ie6中的显示问题
如下图所示:Menuitem的图标覆盖到了文字上方,这样的显示效果很不爽。!--[if!vml]--!--[endif]--查看上一版本(2.2)发现并不存在这个问题。于是,比较2.2.1
编辑:广州明生医药有限公司
标签:版本,提示信息,加载,代码,所示