EasyUI的datagrid分页,动态隐藏或显示列

时间:2021-01-29 16:17:30

业务需要,根据不用的查询条件,显示不同的列名

 1     $("#chnMode").change(function(){
 2         if($("#chnMode").attr("value") =="1"){
 3              //显示列  
 4              $("#tt").datagrid('showColumn','merchantNo');
 5              $("#message").attr("value","");    
 6              //重新加载datagrid
 7              //$("#tt").datagrid('reload');
 8              //清空数据
 9              $('#tt').datagrid('loadData',{total:0,rows:[]}); 
10         }else{    
11             //隐藏列 
12             $("#tt").datagrid('hideColumn','merchantNo');
13             $("#message").attr("value","");
14             //重新加载datagrid
15             //$("#tt").datagrid('reload');
16             //清空数据
17             $('#tt').datagrid('loadData',{total:0,rows:[]});             
18         }    
19     })