Extjs中ColumnModel属性怎么配置

1374
2023/10/1 18:26:40
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

在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:列的提示信息。

下面是一个示例:

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,分别是姓名、年龄、性别和地址,每个列都有相应的配置属性。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: EXT-GWT、GWT与EXTJS之间的关系