Ext学习笔记01

Ext Study Notes 01

1.	Ext.onReady事件会在DOM加载全部完毕后，保证页面内的所有元素都能被Script引用(reference)之后调用。
2.	使用Ext.get('myDiv')代替document.getElementById('myDiv');
	该方法能够将DOM对象转化成Ext.Element对象，以便调用Ext.Element的内置公共方法
3.	使用Ext.select('div')代替document.getElementsByName('div');
	该方法返回一组Element对象，该方法内部调用了Ext.DomQuery类选取元素。 DomQuery是Ext的一个强大的高性能的对象查询器。
4.	匿名函数
111	在使用Ext框架进行编程时，经常会使用到类似funciton(){alert('test')}；的语法 没有函数的名称，这种类型的函数称为“匿名函数(anonymous)”,即没有名字的函数。 备注：事实上这个是javascript的语法，叫做字面量，参见：ECMAScript ECMA-262标准
5.	为匿名函数分配event handler
	类似：   var paragraphClicked = function(){     alert("You've just clicked a paragraph.");   } 上面的代码中paragraphClicked 为一个Event handler。 function()后面的为该事件句柄调用的函数。
6.	通过事件句柄函数获取事件中的某一个对象
	在事件处理函数中加入参数，以获取事件的触发对象      Ext.onReady(function(){         var paragraphClicked = function(e){            Ext.get(e.target).highlight();      //这里e.target是DOM节点，需转化成Element                                                //然后，调用Element的highlight()方法，高亮         }      });
7.	A Javascript Problem:"Expected identifier string or number"
	可以查看帖子：   (1)http://dotnetfish.blogspot.com/2007/11/expected-identifier-string-or-number.html   (2)http://www.avnetlabs.com/javascript/expected-identifier-string-or-number-say-what   总结，可能的原因是：在方法、对象、数组字面量的定义的最后可能多写一个,号。   在IE中，该错误会导致IE报错，而在FireFox中能够忽略该错误。
8.	Ext.form.ComboBox
	(1)类定义在：Ext.form下，全路经：Ext.form.ComboBox (2)构造函数：ComboBox(Object config)      //config为其属性 (3)常用Config Option：      1)store: Ext.data.Store/Array      //ComboBox的数据源      2)displayField: string             //要在ComboBox下拉列表中显示的数据源中的数据字段      3)mode: string["local" | "remote"] //数据源的模式，local：本地数据，remote:远程数据，需要服务器端返回数据源, defaults to "remote".      4)editable: boolean[true | false]  //是否允许输入,defaults to true      5)typeAhead: boolean[true | false] //是否在用户输入完之前自动完成第一个最匹配的option      6)renderTo: string ElementId       //设置DOM中要呈现该ComboBox的容器元素      7)applyTo: string ElementId        //一个Html input控件的id,该input控件将转化为combobox      8)emptyText: sting                 //当combobox为空时显示的信息
9.	Ext.data.Store
	(1)类定义在：Ext.data下，全路经：Ext.data.Store (2)构造函数：Store({Object config}) (3)常用的Config Option:      1)data: Array                      //数组数据源
10.	Ext.grid.ColumnModule
	(1)类定义在：Ext.grid下，全路径：Ext.grid.ColumnModule (2)构造函数：ColumnModule(Object config) (3)常用的Config Option:      1)header: string                   //表格头显示的文本      2)dataIndex: string                //表格该列榜定到      3)storable: boolean                //是否可以排序,defaults to false      4)resizeable: boolean              //是否可以改变大小defaults to true      5)width: Number                    //列宽      6)hideable: boolean                //是否允许隐藏该列, defaults to true      7)hidden: boolean                  //初始化时是否隐藏, defaults to false      8)menuDisable: boolean             //是否禁用列菜单功能, defaults to false      9)align: string                    //css中的text-align属性      10)css: string                     //表格中列的单元个样式，不包括表头      11)fixed: boolean                  //单元格的内容是否固定(不可改变),defaults to false
11.	Ext.grid.ColumnModule的高级用法
	(1)关于Config Option中的 renderer属性的用法       1)作用：renderer属性用来指定一个函数来产生该单元格对应的数据所需的HTML标签。               例如：用来动态地产生单元格的样式，产生和单元格数据项关联的按钮等等。       2)定义:         renderer: functon(value, cellmeta, record, rowIndex,columnIndex, store){statements;}         value是当前单元格的值         cellmeta里保存的是cellId单元格id,id不知道是干啥的,似乎是列号,css是这个单元格的样式         record是这样的所有数据，想要什么，record.data["id"]这样就可以获得了。         rowIndex是行号，不是从头往下数的意思，而是计算了分页以后的结果。         columnIndex列号         store,这个市构造表时候转递的ds,也就是表格里的所有数据都可以随便调       3)......
12.	Ext中定义的String.format()函数格式说明
	函数定义：String.format(string format, object[] argements) 使用方法：例如：String.format("{0}={1}+{2}", 2, 1, 1); 返回值:"2=1+1"