easyui设置动态显示列表

最新推荐文章于 2023-03-29 10:35:24 发布

IT__Small_white

最新推荐文章于 2023-03-29 10:35:24 发布

阅读量910

点赞数 1

文章标签： Easyui设置动态显示列动态显示列表

1，shezhidongtai 须在初始化页面时执行
在这里插入图片描述

//设置动态显示列表
 function shezhidongtai(){
  var createGridHeaderContextMenu = function(e, field) {
	e.preventDefault();
   var grid = $(this);/* grid本身 */
   var headerContextMenu = this.headerContextMenu;/* grid上的列头菜单对象 */
   var okCls = 'tree-checkbox1';// 选中
   var emptyCls = 'tree-checkbox0';// 取消
   if (!headerContextMenu) {
    var tmenu = $('<div style="width:100px;"></div>').appendTo('body');
    var fields = grid.datagrid('getColumnFields');
    for (var i = 0; i < fields.length; i++) {
    var fildOption = grid.datagrid('getColumnOption', fields[i]);
     if (!fildOption.hidden) {
      $('<div iconCls="' + okCls + '" field="' + fields[i] + '"/>')
        .html(fildOption.title).appendTo(tmenu);
     } else {
     $('<div iconCls="' + emptyCls + '" field="' + fields[i] + '"/>')
        .html(fildOption.title).appendTo(tmenu);
     }
    }
    headerContextMenu = this.headerContextMenu = tmenu.menu({
     onClick : function(item) {
      var field = $(item.target).attr('field');
      if (item.iconCls == okCls) {
       grid.datagrid('hideColumn', field);
       $(this).menu('setIcon', {
        target : item.target,
        iconCls : emptyCls
       });
       } else {
       grid.datagrid('showColumn', field);
       $(this).menu('setIcon', {
        target : item.target,
        iconCls : okCls
       });
       }
     }
    });
   }
   headerContextMenu.menu('show', {
    left: e.pageX,
                top: e.pageY
   });
   };
  $.fn.datagrid.defaults.onHeaderContextMenu = createGridHeaderContextMenu;
  $.fn.treegrid.defaults.onHeaderContextMenu = createGridHeaderContextMenu;
 }