【一】、布局：TabPanel(card布局)、FormPanel(form布局)、GridPanel(column布局)
1、border
东(east)、南(south)、西(west)、北(north)、中(cente)
2、column
绝对像素(width)、百分比形式(columnWidth)
3、fit
填满整个父容器；若有多个子元素，则只显示第一个子元素
4、form
设置标签，自动生成子元素；是否隐藏标签(hideLabels)；对齐方式(labelAlign)
5、accordion
可折叠的布局({title:"标题",html:"内容"})
展开折叠时是否应有动画效果(layoutConfig:{animate:true})
6、tabel
类似HTML标签，用rowspan、colspan给表格做合并
({title:"标题",html:"内容",rowspan:2,height:100})
【二】、基本表格
1、new Ext.grid.GridPanel(...)创建基本表格
2、表格标题(header)、表格列对应记录集(dataIndex)、可排序(sortable)、列渲染数(renderer)、宽度(width)、格式化(format)
【三】、可编辑表格
1、用 new Ext.grid.EditorGridPanel(...)创建可编辑表格
2、edit:new Ext.form.xxx()来指定可编辑样式
3、clicksToEdit:1为单击单元格即可编辑；为2则为双击单元格才可编辑
4、renderer:方法名(不含括号)该列可自动触发自定义方法，传递一个value值
5、编辑的内容会触发afterEdit事件(afterEdit:function(obj){var value = obj.record.get("id");//获取值}
【四】、Ajax
Ext.Ajax.request({
url:'后台地址',
success:sFn,//成功调用的方法
failure:fFn,//失败调用的方法
params:{name:'姓名',email:'[email protected]'}//传递参数
});
【五】、树
1、leaf为是否含有子节点（true为是，false为否）
2、普通树节点(Ext.tree.TreeNode定义)；异步加载树节点(Ext.tree.AsyncTreeNode定义)
3、获取当前节点(tree.getSelectionModel()getSelectedNode())
【六】、调用对应接口
1、read：
store.filter(filters);
2、update：
form.getForm().updateRecord(record);
store.sync();
3、destroy：
store.remove(selection);
store.sync();
4、create ：
store.add(record);
store.sync();
【大杂烩】
01、调试
1）js中添加断点：debugger;
2）控制台中查看结果：console.dir(要查看的对象);
02、按钮不可用：Ext.getCmp('buttonId').setDisabled(true);
03、弹窗确定方法：Ext.MessageBox.confirm('提示', '确定删除?', function(button) {点击确定按钮后执行的代码}
04、获取按钮所属的窗口对象：var win = button.up('window');
05、获取按钮所属的表单对象：var form = button.up("form");
06、获取表单中当前被编辑的记录：var record = form.getRecord();
07、动态插入数据到第一行处：store.insert(0, values);
08、刷新页码信息：Ext.getCmp("pageToolBarId").doRefresh();
09、重新加载树信息：treeStore.load();
10、页面程序入口（在index.html中引入该文件）：Main.js
11、按钮单击事件：click（示例：'noticeList button[action=delete]' : {click: this.deleteNotice}）
12、树单击事件：itemdblclick（示例：'noticeTree':{itemclick: this.itemclick}）
13、文件上传按钮事假：change（示例：'noticeImport filefield[action=importExcel]':{change:this.importExcel}）
14、store中自动调用查询方法：autoLoad = true;
15、内容不允许为空：allowBlank: false
16、每页10条数据：pageSize:10
17、隐藏窗口关闭按钮：closable: false
18、显示出窗体（？）：autoShow: true
19、可拖动改变窗体的大小：resizable: true
20、可拖动窗体进行移动：draggable: true
21、显示遮罩层：modal：true
22、折叠收缩（大箭头）：collapsible: true
23、折叠收缩（小箭头，必须和大箭头一同使用）：split: true