如何在DevExtreme数据网格的headerFilter中对过滤器项进行排序?

我正在使用DevExtreme的数据网格在包含多列的表格中显示大量数据。 其中一列用于过滤数据。 点击过滤器图标显示一个弹出窗口,其中包含所有可能的过滤器项目作为复选框。 我希望这些项目按字母顺序排序。 我该怎么做呢?

让我们考虑网格的数据源是这样一个对象的数组:

[{
    name: 'Luke Skywalker',
    movie: 'Star Wars'
},
{
    name: 'Rantanplan',
    movie: 'Luky Luke'
}
...(much much more)...
]

我创建了一个应该提供像这样的过滤器可能性的列的配置(这是数据网格选项columns数组的对象之一):

{
    caption: 'Name',
    dataField: 'name',
    headerFilter: {
        dataSource = function (options) {
            options.dataSource.postProcess = function (results) {
            return _.sortBy(results, (r: any) => r.text); // using lodash to sort items
        };
    }
}

但是,只有在headerFilter数据源的分页不需要显示所有可能的项目时, headerFilter适用于少量的过滤项目。 只要执行分页,这些项目只能在其页面中排序。

我认为postProcess方法可能不是正确的方法。 我还能尝试什么?

编辑:
这显示了我写的项目:
过滤器标题弹出框中未排序的过滤器项

链接地址: http://www.djcxy.com/p/31059.html

上一篇: How to sort filter items in DevExtreme data grid's headerFilter?

下一篇: How to show get selected data into form when double click on GridView