首页 > 其他分享 >列头漏斗筛选属性设置——DataGrid系列

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

时间:2022-12-23 11:44:49浏览次数:54  
标签:function newResult text DataGrid 列头 漏斗 筛选

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

先上效果图:

 

 

 1 @(Html.DevExtreme().DataGrid<PowerPlantManagement.Models.FixedAssets>()
 2   ...
 3   .Columns(columns => {
 4     columns.AddFor(m => m.DeviceName).HeaderFilter(f => f.DataSource("SetHeaderFilterItems"));
 5 
 6   })
 7 )
 8 <script>
 9 //设置每列的头部筛选属性
10 function SetHeaderFilterItems(e) {
11   e.dataSource.postProcess = function (results) {
12     var newResult=[];
13     $.each(results, function (i, v) {
14       if( isNotEmpty( v["key"]))
15       {
16         v["text"] = v["text"] + " (" + v["count"] + ")";
17         newResult.push(v);
18       }
19     });
21     return newResult;
22   };
24 }
26 </script>

 

标签:function,newResult,text,DataGrid,列头,漏斗,筛选
From: https://www.cnblogs.com/xiaonanmu/p/17000350.html

相关文章