首页 > 其他 > 详细

easyUi datagrid设置列的开启和隐藏

时间:2018-08-09 17:13:43      阅读:133      评论:0      收藏:0      [点我收藏+]
实现目标
根据不同的单选条件出现不同的显示结果(列)

实现代码

/* 根据条件设置列的开启和隐藏 */
function setColumns(type){
    $(‘#datagrid‘).datagrid(150, ‘备注‘);  //设置列"备注"的宽度,防止因页面切换出现滚动条
    if (type == 0) {
     $(‘#datagrid‘).datagrid(‘hideColumn‘,‘DQHJ‘);                    //隐藏某列
     $(‘#datagrid‘).datagrid(‘hideColumn‘,‘EXENAME‘);
     $(‘#datagrid‘).datagrid(‘hideColumn‘,‘ENDTIME‘);
     $(‘#datagrid‘).datagrid(‘showColumn‘,‘STARTNAME‘);    //显示某列
    }else if (type == 1) {
     $(‘#datagrid‘).datagrid(‘hideColumn‘,‘STARTNAME‘);
     $(‘#datagrid‘).datagrid(‘hideColumn‘,‘ENDTIME‘);
     $(‘#datagrid‘).datagrid(‘showColumn‘,‘DQHJ‘);
     $(‘#datagrid‘).datagrid(‘showColumn‘,‘EXENAME‘);
    }else if (type == 2) {
     $(‘#datagrid‘).datagrid(‘hideColumn‘,‘STARTNAME‘);
     $(‘#datagrid‘).datagrid(‘hideColumn‘,‘DQHJ‘);
     $(‘#datagrid‘).datagrid(‘hideColumn‘,‘EXENAME‘);
     $(‘#datagrid‘).datagrid(‘showColumn‘,‘ENDTIME‘);
    }
}

easyUi datagrid设置列的开启和隐藏

原文:http://blog.51cto.com/1197822/2156830

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!