在ExtJS中,ColumnModel是用來定義Grid Panel中列的屬性的。
ColumnModel的配置屬性包括:
header
:列的標題。
dataIndex
:列對應的數據字段。
width
:列的寬度。
sortable
:是否允許列排序。
renderer
:列的渲染函數,用來自定義列的顯示內容。
hidden
:是否隱藏列。
editor
:列的編輯器,用來編輯單元格的值。
align
:列的對齊方式。
menuDisabled
:是否禁用列的上下文菜單。
tooltip
:列的提示信息。
下面是一個示例:
var columnModel = new Ext.grid.ColumnModel({
columns: [
{header: '姓名', dataIndex: 'name', width: 100},
{header: '年齡', dataIndex: 'age', width: 50},
{header: '性別', dataIndex: 'gender', width: 50},
{header: '地址', dataIndex: 'address', width: 200}
]
});
在這個示例中,定義了一個包含四個列的ColumnModel,分別是姓名、年齡、性別和地址,每個列都有相應的配置屬性。