jQuery MiniUI

标题: datagrid的header菜单下拉图标可以不隐藏吗 [打印本页]
作者: jwf323594    时间: 2019-12-11 17:28:58     标题: datagrid的header菜单下拉图标可以不隐藏吗

[attach]12616[/attach]

如图，这个下拉菜单需要鼠标放到那个header上才会显示，能不能设置成一直显示，不需要鼠标放上去才显示？
作者: felt    时间: 2019-12-12 09:20:58

可以修改样式.mini-grid-column-trigger
    {
        display:block;
        }
作者: jwf323594    时间: 2019-12-12 11:48:30

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

好的，谢谢
作者: jwf323594    时间: 2019-12-14 15:43:31

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

你好，还有一个问题，没有锁列时，表头是有下拉菜单的，加了锁列datagrid.frozenColumns(0,4)后，表头的下拉菜单也不见了，这是什么情况？ 如图：[attach]12623[/attach]
添加锁列后：
[attach]12624[/attach]
作者: felt    时间: 2019-12-16 15:37:58

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    时间: 2019-12-17 09:20:24

本帖最后由 jwf323594 于 2019-12-17 09:22 编辑
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)  的方法一下执行了两次，导致下拉菜单出现了两层，再点击查询，就会执行三次，这是哪里的问题？
如图：[attach]12635[/attach]
然后选择企业，点击查询按钮后，表头变化后，grid.on("update", function (e)  的方法执行了2次
[attach]12634[/attach]

部分代码如下：
  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;

  8.     var companyList=company.getData();
  9.     //getCompanyList();

  11.     query();  //查询按钮
  12.     function query() {
  13.         if (queryform.validate()){
  14.             var data = queryform.getData (true, false);
  15.             datagrid.load(data, null, showLoadErrorMessageBox);
  16.         }
  17.     }

  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.                     };

  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    时间: 2019-12-17 10:58:12

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();

  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.             }

  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    时间: 2019-12-17 11:48:29

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

好的，谢谢



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2