easyui的dataGrid表头右击菜单实现一次性选择多列

本文介绍了一个easyUI DataGrid插件的改进方案,通过弹出对话框实现多选,用户可以一次性选择显示或隐藏多个列,提高了操作效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原始的右击菜单一次只能选择一项,这个demo更改为弹出框,一次性选择多项。

easyui官网上,dataGrid的表头右击菜单用于选择显示或隐藏的列,但是每一次只能选择一个显示或隐藏。原始效果如下:
这里写图片描述
菜单每单击一次便消失。

因此,我将右击功能更改为弹出对话框,获取表头内容加载到对话框中,设置为复选框,一次性选择显示或隐藏的列。效果如下:
这里写图片描述
这样比较方便,一次性选择完毕。

代码在我的github和码云上,直接下载就可以看到效果啦。希望对你有帮助。
github:https://github.com/onionooO/Easyui-DataGrid-Choose-Columns
码云:https://gitee.com/onionoo/Easyui-DataGrid-Choose-Columns
注:转载请联系作者。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值