8、网格数据显示全解析

网格数据显示全解析

1. 客户端排序

在Ext网格中，除非指定为服务器端排序网格，否则它能够在客户端对列进行排序。若数据是分页的，或者数据格式不支持客户端排序，则应使用服务器端排序。客户端排序快速、简单且是内置功能。

例如，在列配置中设置 sortable: true 即可开启排序：

{header: 'Tagline', dataIndex: 'tagline', sortable: true}

也可以在网格渲染后进行设置：

var colmodel = grid.getColumnModel();
colmodel.getColumnById('tagline').sortable = true;

这里，列模型控制着列和列标题的显示。通过从网格获取列模型的引用，就可以在渲染后对列进行更改。

2. 隐藏/显示列

可以使用列标题菜单隐藏或显示列，也可以在配置级别设置列默认隐藏：

{header: "Tagline", dataIndex: 'tagline', hidden: true}

更灵活的方式是在网格渲染后使用Ext提供的函数：

var colmodel