如何在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
方法可能不是正确的方法。 我还能尝试什么?
编辑:
这显示了我写的项目:
上一篇: How to sort filter items in DevExtreme data grid's headerFilter?
下一篇: How to show get selected data into form when double click on GridView