column属性 extjs_Ext.grid.ColumnModel 属性 详解

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

的列对象