在ExtJS中,ColumnModel是用来定义Grid Panel中列的属性的。
ColumnModel的配置属性包括:
1. `header`:列的标题。
2. `dataIndex`:列对应的数据字段。
3. `width`:列的宽度。
4. `sortable`:是否允许列排序。
5. `renderer`:列的渲染函数,用来自定义列的显示内容。
6. `hidden`:是否隐藏列。
7. `editor`:列的编辑器,用来编辑单元格的值。
8. `align`:列的对齐方式。
9. `menuDisabled`:是否禁用列的上下文菜单。
10. `tooltip`:列的提示信息。
下面是一个示例:
```javascript
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,分别是姓名、年龄、性别和地址,每个列都有相应的配置属性。