easyui的datagrid显示或隐藏列
2016-07-27 15:48
423 查看
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"];(要和页面上因子下拉框里的顺序保持一致)
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"];(要和页面上因子下拉框里的顺序保持一致)
相关文章推荐
- Quick sort
- TextFiled修改placeholder的颜色和字体大小
- Convert dictionary values into array
- poj2299 Ultra-QuickSort
- Qt Quick ToolTip
- UIVisualEffectView
- 查找QUERY的几张表
- MUI 拨打电话
- UILabel 首行缩进两个字符
- Error:Execution failed for task...finished with non-zero exit value 2
- SVN使用报错 Synchronize operation failed. RA layer request failed svn: REPORT request on
- Java中连结MySQL启用预编译的先决条件是useServerPstmts=true.
- UIView release, message send to deallocated instance
- Java中break、continue与return的区别
- 对uiview实现部分圆角
- Bluetooth-->蓝牙开发之状态判断
- UITableViewCell显示动画
- UIView非常用方法及属性详解
- hdu 1005 Number Sequence
- Rescue