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"];(要和頁面上因子下拉框裡的順序保持一致)