Ext.grid.ColumnModel
用于定义
Grid
的列
用例
var colModel = new Ext.grid.ColumnModel([
{header: "Ticker", width: 60, sortable: true},
{header: "Company Name", width: 150, sortable: true}
]);
回到
ColumnModel,
它的构造参数是一个
config
组成的数组
,
其中
config
定义为
{
align : String
//css
中的对齐方式
dataIndex : String
//
要绑定的
Store
之
Record
字段名
fixed : Boolean
//
如果为真列宽不能被改变
header : String
//
头部显示的名称
hidden : Boolean
//
隐藏本列
id
:
String
//
主要用于样式选择
,
如果已定义此属性
,
那么列所在的单元格会定义
class
为
x-grid-td-id
renderer : Function
//
可以使用这个构造参数格式化数据
resizable : Boolean
//
可调节尺寸
sortable : Boolean
//
可排序
width : Number
//
宽度
}
另
外
虽
然
未
经
声
明
,
但
config
事
实
上
支
持
editor:Ext.form.Field
属
性
,
这
点
会
在
Ext.grid.EditorGridPanel
中看到
,
另外为了扩展
grid
的表现
,
我们通常也需要自定义列
,
顺便提一个有
趣的列
,Ext.grid.RowNumberer,
这是
Ext
为我们扩展好
的一个简单列
,
它的构造很简单
,
也没有其它的
方法和属性
,Ext.grid.RowNumberer({ header : String, sortable : Boolean, width : Number})
如果使用
它
,
上例可改为
var colModel = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
{header: "Ticker", width: 60, sortable: true},
{header: "Company Name", width: 150, sortable: true}
]);
属性
defaultSortable : Boolean
//
默认可排序
defaultWidth : Number
//
默认的宽度
setConfig : Object
//
返回构造时的
config
参数
方法
ColumnModel( Object config )
构造
getCellEditor( Number colIndex, Number rowIndex ) : Object
得到指定行列的编辑者
getColumnById( String id ) : Object
得到指定
id
的列对象