datagrid的header菜单下拉图标可以不隐藏吗

jwf323594

如图，这个下拉菜单需要鼠标放到那个header上才会显示，能不能设置成一直显示，不需要鼠标放上去才显示？

felt

可以修改样式.mini-grid-column-trigger
    {
        display:block;
        }

jwf323594

felt 发表于 2019-12-12 09:20
可以修改样式.mini-grid-column-trigger
    {
        display:block;

好的，谢谢

jwf323594

felt 发表于 2019-12-12 09:20
可以修改样式.mini-grid-column-trigger
    {
        display:block;

你好，还有一个问题，没有锁列时，表头是有下拉菜单的，加了锁列datagrid.frozenColumns(0,4)后，表头的下拉菜单也不见了，这是什么情况？ 如图：
添加锁列后：

felt

jwf323594 发表于 2019-12-14 15:43
你好，还有一个问题，没有锁列时，表头是有下拉菜单的，加了锁列datagrid.frozenColumns(0,4)后，表头的下 ...

修改columnsMenu.js
_renderColumnTigger方法

var el = grid.getHeaderCellEl(column)
>>>>>改成
var el = grid.getHeaderCellEl(column)|| grid.getHeaderCellEl(column, 1);

jwf323594

felt 发表于 2019-12-16 15:37
修改columnsMenu.js
_renderColumnTigger方法

谢谢，但是这里又有一个问题，动态渲染的表头，加上 menu = new ColumnsMenu(datagrid) 方法，ColumnsMenu.js里面执行一次grid.on("update", function (e)  的方法，然后页面上点击查询后，重新动态渲染表头，这次ColumnsMenu.js里面grid.on("update", function (e)  的方法一下执行了两次，导致下拉菜单出现了两层，再点击查询，就会执行三次，这是哪里的问题？
如图：
然后选择企业，点击查询按钮后，表头变化后，grid.on("update", function (e)  的方法执行了2次


部分代码如下：

1. <script>
   
2.     mini.parse();
   
3.     var datagrid = mini.get("datagrid");
   
4.     var queryform = new mini.Form ("#queryForm");
   
5.     var company = mini.get("companyId");
   
6.     var menu;
   
7. 
   
8.     var companyList=company.getData();
   
9.     //getCompanyList();
   
10. 
    
11.     query();  //查询按钮
    
12.     function query() {
    
13.         if (queryform.validate()){
    
14.             var data = queryform.getData (true, false);
    
15.             datagrid.load(data, null, showLoadErrorMessageBox);
    
16.         }
    
17.     }
    
18. 
    
19.     datagrid.on("load",function(e){
    
20.         datagrid.setColumns("");
    
21.         //初始化固定不变的column
    
22.         datagrid.set({
    
23.             columns: [
    
24.                 { type: "indexcolumn",width: 100,header: "检测因子",headerAlign: "center",align: "center"},
    
25.                 { field: "companyId", width: 220, headerAlign: "center", header: "企业名称",align: "center"},
    
26.                 { field: "monitorName", width: 140, headerAlign: "center", header: "采样地点",align: "center"},
    
27.                 { field: "sampleDeepth", width: 140, headerAlign: "center", header: "采样深度",align: "center"},
    
28.                 { field: "takeTime", width: 160, headerAlign: "center", header: "采样时间",align: "center"},
    
29.                 { field: "sampleState", width: 120, headerAlign: "center", header: "样品状态",align: "center"},
    
30.             ]
    
31.         });
    
32.         var url="";
    
33.         if(company.getValue()==""){
    
34.             url="${ctx}/commonFunction/factorList.do?factorType=6";
    
35.         }else{
    
36.             url="${ctx}/monitorData/getSoilFactorListByCom.do?companyId="+company.getValue();
    
37.         }
    
38.         var columns=datagrid.getColumns();
    
39.         $.ajax({
    
40.             url: url,
    
41.             type: "post",
    
42.             async: false,
    
43.             success: function (text) {
    
44.                 for(var i=0;i<text.length;i++){
    
45.                     var addCell=
    
46.                     {
    
47.                         field:text[i].code+"_value",
    
48.                         name:text[i].code+"_value",
    
49.                         width: 120,
    
50.                         headerAlign: "center",
    
51.                         align: "center",
    
52.                         allowSort: false,
    
53.                         header: text[i].factorName + "<br>(mg/kg)"
    
54.                     };
    
55. 
    
56.                     var bCell=mini.decode(addCell);
    
57.                     columns.insert(columns.length+1,bCell);
    
58.                 }
    
59.             }
    
60.         });
    
61.         datagrid.setColumns(columns);
    
62.         menu = new ColumnsMenu(datagrid);
    
63.         datagrid.frozenColumns(0,4);
    
64.     });

复制代码

dforce

jwf323594 发表于 2019-12-17 09:20
谢谢，但是这里又有一个问题，动态渲染的表头，加上 menu = new ColumnsMenu(datagrid) 方法，ColumnsMenu ...

这个插件我们没考虑重新生成列的，你这里需要重新生成menu了。

1. _renderColumnTriggers: function () {
   
2.         var me = this,
   
3.             grid = me.grid,
   
4.             options = me.options,
   
5.             columns = grid.getBottomColumns();
   
6. 
   
7.         for (var i = 0, l = columns.length; i < l; i++) {
   
8.             var column = columns[i];
   
9.             // var el = grid.getHeaderCellEl(column);
   
10.             var el = grid.getHeaderCellEl(column) || grid.getHeaderCellEl(column, 1);
    
11.             if (!el) continue;
    
12.             if (!column.field) continue;
    
13.             var trigger = $(el.firstChild).find(".mini-grid-column-trigger");
    
14.             if (trigger) {
    
15.                 trigger.remove();
    
16.             }
    
17. 
    
18.             $(el.firstChild).append('<div class="mini-grid-column-trigger mini-icon mini-widget-header fa-sort-down" style="line-height:20px;"></div>');
    
19.             me.menu = me.createMenu();
    
20.         }
    
21.     },

复制代码

jwf323594

dforce 发表于 2019-12-17 10:58
这个插件我们没考虑重新生成列的，你这里需要重新生成menu了。

好的，谢谢