extjs学习小计

1、点击树节点，在布局的某个部分（常见的是center位置）打开一个界面的常用方式是：Js代码 

contentEl : 'center1',   

html : '<iframe scrolling="auto" frameborder="0" width="100%"height="100%" src="classTypeNew.jsp"></iframe>'

2、Ext.util.Format包中有很多格式化的方法

3、列模型的renderer接收一个函数：function(value,metadata,record,rowIndex,colIndex,store)

4、grid.getColumnModel().getColumnById('tagline').sortable = true;可以通过列模型设置列是否可排序

      同样：var colModel = grid.getColumnModel();     colModel.setHidden(column.getIndexById('tagline'), true)设置列为隐藏

5、Ext.util.JSON.encode()将json对象转换为字符串

Ext.util.JSON.decode()将字符串转换为json对象

6、show的buttons属性可以有两种赋值方式：一、buttons:Ext.MessageBox.OKCANCEL        二、buttons:{yes:‘确定’,no:true,cancel:'取消,ok:true}

      icon属性有：INFO、ERROR、QUESTION、WARNING，这些其实一个css的类选择器，所以也可以直接指定css样式

      fn:function(btn){}其实btn参数可以返回对应按键的字符串，有：'yes'、'no'、'ok'、'cancel'

7、采用json对象来做为函数的参数的好处就是，参数的顺序可以随意，增加减少参数很方便

8、eval把字符串转化为对象、数组、函数或者其他

9、Ext.get('id').dom.innerHTML = '.........'  可以动态改变html值

10、DomHelper可以想已有的dom中增加或覆盖一些便签，也可以用applyStyles改变css样式

11、DomQuery可以像jQuery一样选择dom

12、Ext.fx中提供各种动画，Ext.Element有各种set大小的动画

13、Ext.XTemplate：模版，创建时指定模版和占位符，用append或overWrite指定内容占位符，数字时传数组，字母是传json对象

14、Ext.util.Format：是一个对象，不用实例化，直接使用

15、renderTo属性对应render()方法，handler对应setHander()方法

16、vtype校验有：email、url、alpha、alphanum

17、width和anchor都可以设置宽度，当同事存在时以anchor为准

18、specialkey : ( Ext.form.Field this,Ext.EventObject e )事件，箭头, tab键, enter键, esc键等被按下时触发，e.getKey()

19、form.getForm().findField('title').setValue('value')为表单控件赋值，form.getForm().load({url:'路径'})为表单初始化

20、var json = function(){return ...;}()    可以返回一个对象

21、store有SimpleStore（数组）、JsonStore、GroupingStore三种

22、reader有：ArrayReader、XmlReader、JsonReader

23、可编辑表格通过：e.record.reject();忽略改动，用：e.record.commit()来保存改动，一般监听afteredit事件，来保存改动

24、accordion：手风琴布局，是个效果不错的布局

25、xml文件可以通过数据库查询获得