easyui的datagrid显示或隐藏列

本文介绍了如何使用easyui的datagrid组件根据用户选择的下拉框选项动态显示或隐藏列。通过监听下拉框的onChange事件,遍历所有列并调用datagrid的hideColumn和showColumn方法来实现列的隐藏与显示。同时,文章提到了在修改列显示时需注意保持列名与下拉框选项顺序的一致性。
摘要由CSDN通过智能技术生成

1.根据下拉框选择要显示的列

   html:<input id="AirFactorMultiselect" name="factor" class="easyui-combotree" data-options="onChange:factorOnSelect" style="width:130px">

   javascript:

           ///因子切换
    function factorOnSelect(nv, ov) {
        if (data != "" && data != null && data != undefined) {
            var all = ["PM10", "PM25", "SO2", "NO2", "CO", "O3"];
            $.each(all, function (lx, obj) {
                dg.datagrid('hideColumn', obj);
            });
            $.each(nv, function (lx, obj) {
                if (obj != 'all') {
                    dg.datagrid('showColumn', obj).datagrid('autoSizeColumn', obj);
                }
            });
       

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值