Ext

======EXT常用函数======
1、Ext.onReady(function fn,Object scope，boolean override)
该方法的调用发生在Document对象加载完毕后，html的Onload（）事件与image加载之前
fn:执行的函数
2、Ext.get(Mixed el)
如果参数是字符串则返回String，如果参数是数字则返回number，如果参数是布尔参数则返回boolean
如果参数是日期则返回Date,如果参数是函数则返回函数
通过指定的id或者Dom节点或Element元素，获取HTMLElement
7、Ext.isEmpty()
对指定的元素或者节点进行判断，是否为空，如果指定的节点是null,undefined,则返回true,否则返回false
8、space()
创建指定的命名空间后，就可以在该命名空间下定义变量，方法和类。
此时在这些变量或类将在该命名空间下，当引用该类时需要通过该命名空间方可引用。
9、Ext.each()
分别对一个数组或者集合进行迭代，分别对集合中的对合具有相同的功能。
10、Ext.apply(Object obj,Object config,Object defaults)
来完成的，而它只是提供了一种Ext.DomQuery.select的简快调用。
5、Ext.getCmp(String id)
返回ponent管理的指定的id的Component对象，实际是ponentMgr.get(id)的包装调用
6、Ext.getDom(Mixed el)
为指定的对象拷贝属性，或以默认的属性初始化一个对象

Store(数据存储器)1、Ext.data.Store定义他需要知道数据源DataProxy，和数据解析方式DataReader才能正常工作而dataProxy是有proxy属性定义的数据解析器dataRader是有配置属性reader定义的步骤：1.var MyRecord = Ext.data.Record.Create({name:"title"}，{name:"lgoinTims",type:int})；2.var reader=new Ext.data.JsonReader({id:"id",root:rows,totalProperty:"results"},myRecord);3.var store=new Ext.data.Store({url:"link.ejf",proxy:dataProxy,reader:theReader});4.store.Load();前三部可以简写为：var store=new Ext.data.JSonStore({url:"link.ejf?cmd=list",totalProperty: "results",root: "rows",fields:['title', {name: 'username', mapping: 'author'},{name: 'loginTimes', type: 'int'},{name: 'lastLoginTime', mapping: 'loginTime', type: 'date'}]});DataReader 表示数据读取器，也就是数据解析器，其负责把从服务器或者内存数组、xml文档中获得的杂乱信息转换成ExtJS 中的记录集Record 数据对象，并存储到Store 里面的记录集数组中ExtJS 中提供了读取二维数组、JSon 数据及Xml 文档的三种数据解析器，分别用于把内存中的二级数组、JSON 格式的数据及XML 文档信息解析成记录集1）ArrayReader读取二维数组中的信息2）JsonReader于读取JSON 格式的数据信息标注：JSonReader 还有比较特殊的用法，就是可以把Store 中记录集的配置信息存放直接保存在从服务器端返回的JSON 数据中{'metaData': {totalProperty: 'results',root: 'rows',id: 'id',fields: [{name: 'title'},{name: 'username', mapping: 'author'},{name: 'loginTimes', type: 'int'}]},'results': 2, 'rows': [{ id: 1, title: '测试', author: '小王', loginTimes: 3 },{ id: 2, title: '新年好', author: 'williamraym', loginTimes:13}]3）XmlReaderExt.data.XmlReader－XML 文档数据解析器，用于把XML 文档数据转换成记录集Record对DataProxy与自定义Stroe1、字面解释就是数据代理，也可以理解为数据源，也即从哪儿或如何得到需要交给DataReader 解析的数据。

EXT 2.0学习和使用总结
• EXT是由JAVASCRIPT脚本编写成的一个强大 的B/S架构下的良好的用户体验的客户端程 序。对于饱受网页样式疾苦的广大程序员 同志们来讲，EXT让我们看到了黎明的曙光， 我们看到了JAVA也可以做的如此的——炫
• 在这里先给大家发几个截图看看，体会一 下
后台管理布局
tbfill
Ext.Toolbar.Fill 文件
tbitem
Ext.Toolbar.Item 工具条项目
tbseparator Ext.Toolbar.Separator 工具栏分隔符
tbspacer Ext.Toolbar.Spacer 工具栏空白
tbsplit Ext.Toolbar.SplitButton 工具栏分隔按钮
把EXT部署到TOMCAT上
将ext-2.0.2放到tomcat的webapps目录下， 然后启动，部署成功，端口设置成8080，方 便后面案例演示，最好把这个目录放在 TOMCAT下面，里面有拓展控件，下载的没 有。 原因:EXT中文件引用基本上都是相对的，放 在TOMCAT中可以很好的解析
使用前提-导入程序库
tabpanel Ext.TabPanel 选项面板
treepanel Ext.tree.TreePanel 树
viewport Ext.ViewPort 视图
window
Ext.Window 窗口
工具栏组件
toolbar Ext.Toolbar 工具栏
tbbutton Ext.Toolbar.Button 按钮
scripts/ext/resources/css/ext-all.css//EXT通用CSS，包含所有的样式（必须） scripts/ext/resources/css/icon.css//自定义存放菜单项或其他页面图标(自

1.form提交：if (newFs.form.isValid()) {newFs.form.doAction('submit', {url : 'agentServ!save.action',waitMsg : '保存中...',method : 'post',params : '',success : function(form, action) {Ext.Msg.alert('操作', action.result.actionInfo);newFs.getForm().reset();store.reload();},failure : function(form, action) {Ext.Msg.alert('保存失败!', '原因:'+ action.result.actionInfo);store.reload();}});}newFs.form.isValid()用来对form进行校验通过返回true，未通过返回false，例如form有非空属性的控件，如此空间不填写值就不能通过校验。

waitMsg：提交时等待条的信息，不写此属性则不会有等待。

params：提交的参数，可以写成'id=’id或{id:id}success：提交后用一个名为success布尔类型变量并将其Json化后，如此值为true则执行success中的函数。

否则执行failure的函数。

action.result：用于取得提交后后台返回的Json化的变量2.Ajax提交：Ext.Ajax.request({url: 'subBusitype!disableBulk.action',method:'post',failure:function(response,opt){alert(response.responseText)},success: function(response, options) {var responseArray = Ext.util.JSON.decode(response.responseText);if(responseArray.success==true){store.load();Ext.Msg.alert('信息','废除信息成功');}else if(responseArray.success=='false'){Ext.Msg.alert('失败',response.responseText);}},params:{ids:ids}})Ext.util.JSON.decode(response.responseText)：用于取得提交后后台返回的Json化的变量以上两种方法都为异步提交。