日期:2014-05-16  浏览次数:20406 次

ExtJs之grid使用详解(觉得很全面,推荐)

?

Ext2.0是一个javascript框架,它的Grid控件和其它可以显示数据的控件,能够支持多种数据类型,如二维数组、Json数据和XML数据,甚至包括我们自定义的数据类型。Ext为我们提供了一个桥梁Ext.data.Store,通过它我们可以把任何格式的数据转化成grid可以使用的形式,这样就不需要为每种数据格式写一个grid的实现了。

首先,一个表格应该有列定义,即定义表头ColumnModel:
//?定义一个ColumnModel,表头中有四列
var?cm?=?new?Ext.grid.ColumnModel([
???? {header:
'编号',dataIndex:'id'
},
???? {header:
'性别',dataIndex:'sex'
},
???? {header:
'名称',dataIndex:'name'
},
???? {header:
'描述',dataIndex:'descn'
}
]);
cm.defaultSortable?
=?true
;
??? 该ColumnModel定义了表格的四个列,其每列的名称和对应的数据键。请注意defaultSortable属性,即为每个列都安上一个可以排序的功能。如果只想某些列举有该功能,可以设置: