Extjs中对GridPanel的列排序

最新推荐文章于 2017-08-12 17:48:11 发布

最新推荐文章于 2017-08-12 17:48:11 发布 · 232 阅读

本文介绍如何使用ExtJS创建带有服务器端排序和分页功能的GridPanel组件。具体实现包括配置GroupingStore来获取远程数据，定义JsonReader读取特定格式的数据，以及设置SortInfo进行初始排序。

    ProjectStore = new Ext.data.GroupingStore({
        proxy: new Ext.data.HttpProxy({
            url: "DATA/ProjectInfo/ProjectInfo.aspx",
            method: "POST"
        }),
        reader: new Ext.data.JsonReader({
            fields: projectfields,
            root: "data",
            totalProperty: "totalCount"
        }),
        sortInfo: {
            field: 'region',
            direction: "ASC"
        },

        remoteSort: true //服务器端排序

    });

SortInfo为对某列排序的代码。注意如果gridpanel采用了分页，要加上 remoteSort: true