zoukankan      html  css  js  c++  java
  • [Easyui

     为easyui的datagrid、treegrid增加表头菜单,用于显示或隐藏列

    /**
     * @author 孙宇
     * 
     * @requires jQuery,EasyUI
     * 
     * 为datagrid、treegrid增加表头菜单,用于显示或隐藏列,注意:冻结列不在此菜单中
     */
    var createGridHeaderContextMenu = function(e, field) {
        e.preventDefault();
        var grid = $(this);/* grid本身 */
        var headerContextMenu = this.headerContextMenu;/* grid上的列头菜单对象 */
        if (!headerContextMenu) {
            var tmenu = $('<div style="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="icon-ok" field="' + fields[i] + '"/>').html(fildOption.title).appendTo(tmenu);
                } else {
                    $('<div iconCls="icon-empty" 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 == 'icon-ok') {
                        grid.datagrid('hideColumn', field);
                        $(this).menu('setIcon', {
                            target : item.target,
                            iconCls : 'icon-empty'
                        });
                    } else {
                        grid.datagrid('showColumn', field);
                        $(this).menu('setIcon', {
                            target : item.target,
                            iconCls : 'icon-ok'
                        });
                    }
                }
            });
        }
        headerContextMenu.menu('show', {
            left : e.pageX,
            top : e.pageY
        });
    };
    $.fn.datagrid.defaults.onHeaderContextMenu = createGridHeaderContextMenu;
    $.fn.treegrid.defaults.onHeaderContextMenu = createGridHeaderContextMenu;
  • 相关阅读:
    k8s中pod的定义
    k8s上pod一次pending解决过程
    docker创建一个容器
    什么是进程
    在线程中显示一个窗口(多个UI线程)
    ComboBox过滤
    TreeView虚拟化跳转
    使用MVVM的常见误区(1)在ViewModel中和用户交互
    <转载>玩转git, rebase
    MySQL8.0 connector JAR包的下载位置及JDBC配置
  • 原文地址:https://www.cnblogs.com/Alenliu/p/4970246.html
Copyright © 2011-2022 走看看