1. 程式人生 > >easyui的datagrid顯示或隱藏列

easyui的datagrid顯示或隱藏列

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);
                }
            });
        }
    }

2.發現AQI不受影響

   修改var all = ["PM10", "PM25", "SO2", "NO2", "CO", "O3"];

   為:var all = ["AQI", "PM10", "PM25", "SO2", "NO2", "CO", "O3"];(要和頁面上因子下拉框裡的順序保持一致)