Easyui 右击DataGrid表头,可以动态显示、隐藏列

$('#dg').datagrid({
                url: 'url',
                method: 'get',
                fitColumns: true,
                columns:[[
                    {field:'itemid',title:'Item ID',width:80}
                ]],
                onHeaderContextMenu: function(e, field){
                    e.preventDefault();
                    $(this).datagrid('columnMenu').menu('show', {
                        left:e.pageX,
                        top:e.pageY
                    });
                }
            });
	
    右击DataGrid表头,可以动态显示、隐藏列
    (function($){
            function buildMenu(target){
                var state = $(target).data('datagrid');
                if (!state.columnMenu){
                    state.columnMenu = $('<div></div>').appendTo('body');
                    state.columnMenu.menu({
                        onClick: function(item){
                            if (item.iconCls == 'tree-checkbox1'){
                                $(target).datagrid('hideColumn', item.name);
                                $(this).menu('setIcon', {
                                    target: item.target,
                                    iconCls: 'tree-checkbox0'
                                });
                            } else {
                                $(target).datagrid('showColumn', item.name);
                                $(this).menu('setIcon', {
                                    target: item.target,
                                    iconCls: 'tree-checkbox1'
                                });
                            }
                        }
                    })
                    var fields = $(target).datagrid('getColumnFields',true).concat($(target).datagrid('getColumnFields',false));
                    for(var i=0; i<fields.length; i++){
                        var field = fields[i];
                        var col = $(target).datagrid('getColumnOption', field);
                        state.columnMenu.menu('appendItem', {
                            text: col.title,
                            name: field,
                            iconCls: 'tree-checkbox1'
                        });
                    }
                }
                return state.columnMenu;
            }
            $.extend($.fn.datagrid.methods, {
                columnMenu: function(jq){
                    return buildMenu(jq[0]);
                }
            });
        })(jQuery);         
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值