您的位置：首页 > 其它

Ext学习笔记01

2008-05-12 09:53 489 查看

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"
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航