列头漏斗筛选属性设置——DataGrid系列

达到目的： 显示每个关键列有多少个结果，过滤空白列。

先上效果图：

 

 

@(Html.DevExtreme().DataGrid<PowerPlantManagement.Models.FixedAssets>()
　　...
　　.Columns(columns => {
　　　　columns.AddFor(m => m.DeviceName).HeaderFilter(f => f.DataSource("SetHeaderFilterItems"));

　　})
)
<script>
//设置每列的头部筛选属性
function SetHeaderFilterItems(e) {
　　e.dataSource.postProcess = function (results) {
　　　　var newResult=[];
　　　　$.each(results, function (i, v) {
　　　　　　if( isNotEmpty( v["key"]))
　　　　　　{
　　　　　　　　v["text"] = v["text"] + " (" + v["count"] + ")";
　　　　　　　　newResult.push(v);
　　　　　　}
　　　　});
　　　　return newResult;
　　};
}
</script>