jQuery动态显示和隐藏datagrid中的某一列的方法


Posted in Javascript onDecember 11, 2013
$(function(){ 
$('#tt').datagrid({ 
title:'报表统计', 
width:1020, 
height:400, 
url:'', 
fitColumns:true, 
loadMsg:'正在获取,请稍侯...', 
singleSelect:true, 
nowrap:false, 
columns:[[ 
{field:'REGION_NAME',title:'分公司',width:30,align:'center'}, 
{field:'COUNTY_NAME',title:'区县',width:80,align:'center',editor:'text'}, 
{field:'AREA_NAME',title:'网格',width:80,align:'center',editor:'text'}, 
{field:'ORG_NAME',title:'网点',width:80,align:'center'}, 
{field:'TOTAL_NUM',title:'总业务量',width:40,align:'center'}, 
{field:'DH_NUM',title:'单宽业务量',width:40,align:'center'}, 
{field:'RH_NUM',title:'融合业务量',width:40,align:'center'}, 
{field:'YYT_NUM',title:'营业厅业务量',width:40,align:'center'}, 
{field:'QT_NUM',title:'其他业务量',width:40,align:'center'} 
]], 
toolbar:[ 
], 
onDblClickRow: function() { 
//selected = $('#tt').datagrid('getSelected'); 
//var index = $('#tt').datagrid('getRowIndex', selected); 
//$('#tt').datagrid('beginEdit', index); 
//progress(); 
//taskPreempte(selected.taskId); 
} 
}); $('#my_toolbar').appendTo('.datagrid-toolbar'); 
var dd = new Date(); 
var d1 = dd.getFullYear()+ "-" + (dd.getMonth()+1) + "-1" ; 
var d2 = dd.getFullYear() + "-" + (dd.getMonth()+1) + "-" + dd.getDate() ; 
$('#qryStartDate').datebox('setValue', d1); // set datebox value 
$('#qryEndDate').datebox('setValue', d2); // set datebox value 
refreshRpt2(); 
}); 
function refreshRpt2(){ 
var strStatCond = "b.region_name"; 
if($('#qryCon').attr("value")!=100){ 
param.sts = $('#qryCon').attr("value"); 
alert(param.sts); 
} 
param.qryBeginTime =$('#qryStartDate').datebox('getValue'); 
//alert(param.qryBeginTime); 
param.qryEndTime = $('#qryEndDate').datebox('getValue'); 
//alert(param.qryEndTime); 
if($('#region')!= null && $('#region').attr("checked") == true){ 
} 
if($('#county')!= null && $('#county').attr("checked") == true){ 
strStatCond += ",c.county_name"; 
$('#tt').datagrid('showColumn', 'COUNTY_NAME'); 
}else{ 
$('#tt').datagrid('hideColumn', 'COUNTY_NAME'); 
} 
if($('#area')!= null && $('#area').attr("checked") == true){ 
strStatCond += ",d.area_name"; 
$('#tt').datagrid('showColumn', 'AREA_NAME'); 
}else{ 
$('#tt').datagrid('hideColumn', 'AREA_NAME'); 
} 
if($('#org')!= null && $('#org').attr("checked") == true){ 
strStatCond += ",e.org_name"; 
$('#tt').datagrid('showColumn', 'ORG_NAME'); 
}else{ 
$('#tt').datagrid('hideColumn', 'ORG_NAME'); 
} 
alert(strStatCond); 
param.statCond = strStatCond; 
param.rptName = "statBusiRpt"; 
JSBaseCall.execute(param,showResult2); 
} 
//显示记录集 
function showResult2(data){ 
var strJson=data["defaultJsonString"]; 
var result=eval('(' + strJson + ')'); 
//alert(strJson); 
if (result.KEY_JSCALL_RESULT){ 
if (result.KEY_SERVICE_RES){//成功 
totalRec=result.KEY_TOTAL_REC; 
var d={"total":pageShowRec, 
"rows":result.defaultAList 
}; 
$('#tt').datagrid('loadData',d); 
} 
} 
}

比如在“曲县”没数据时表格就不用显示空列了,而是直接将这一列隐藏掉
Javascript 相关文章推荐
javascript 单选框,多选框美化代码
Aug 01 Javascript
用jquery的方法制作一个简单的导航栏
Jun 23 Javascript
jquery获取节点名称
Apr 26 Javascript
如何解决IONIC页面底部被遮住无法向上滚动问题
Sep 06 Javascript
node.js实现复制文本到剪切板的功能
Jan 23 Javascript
基于JavaScript实现表格滚动分页
Nov 22 Javascript
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
vue使用Proxy实现双向绑定的方法示例
Mar 20 Javascript
JS实现“全选”和"全不选"功能代码实例
Feb 06 Javascript
javascript+css实现进度条效果
Mar 25 Javascript
有趣的JavaScript隐式类型转换操作实例分析
May 02 Javascript
实例分析javascript中的异步
Jun 02 Javascript
js中对象的声明方式以及数组的一些用法示例
Dec 11 #Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
Dec 11 #Javascript
js判断客户端是iOS还是Android等移动终端的方法
Dec 11 #Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 #Javascript
按下Enter焦点移至下一个控件的实现js代码
Dec 11 #Javascript
JS中window.open全屏命令解析及使用示例
Dec 11 #Javascript
js的匿名函数使用介绍
Dec 11 #Javascript
You might like
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
CodeIgniter集成smarty的方法详解
2016/05/26 PHP
PHP图形计数器程序显示网站用户浏览量
2016/07/20 PHP
PHP获取IP地址所在地信息的实例(使用纯真IP数据库qqwry.dat)
2016/11/15 PHP
jquery中实现简单的tabs插件功能的代码
2011/03/02 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
textarea 控制输入字符字节数(示例代码)
2013/12/27 Javascript
nodejs URL模块操作URL相关方法介绍
2015/03/03 NodeJs
javascript模拟命名空间
2015/04/17 Javascript
详细解读JavaScript编程中的Promise使用
2015/07/27 Javascript
理解javascript中的with关键字
2016/02/15 Javascript
微信小程序  modal详解及实例代码
2016/11/09 Javascript
JS实现的几个常用算法
2016/11/12 Javascript
使用JS 插件qrcode.js生成二维码功能
2017/02/20 Javascript
javascript 中null和undefined区分和比较
2017/04/19 Javascript
Vue通过input筛选数据
2020/10/26 Javascript
AngularJS  ng-repeat遍历输出的用法
2017/06/19 Javascript
jQuery操作DOM_动力节点Java学院整理
2017/07/04 jQuery
Node.js原生api搭建web服务器的方法步骤
2019/02/15 Javascript
让mocha支持ES6模块的方法实现
2020/01/14 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
解决python super()调用多重继承函数的问题
2019/06/26 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
Pytorch转tflite方式
2020/05/25 Python
pycharm中使用request和Pytest进行接口测试的方法
2020/07/31 Python
将不规则的Python多维数组拉平到一维的方法实现
2021/01/11 Python
携程英文网站:Trip.com
2017/02/07 全球购物
公共汽车、火车和飞机票的通用在线预订和销售平台:INFOBUS
2019/11/30 全球购物
Ref与out有什么不同
2012/11/24 面试题
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
协议书怎么写
2014/04/21 职场文书
房屋财产继承协议书范本
2014/11/03 职场文书
郭明义观后感
2015/06/08 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
Go gorilla/sessions库安装使用
2022/08/14 Golang