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 设计模式学习 Singleton
Jul 27 Javascript
海量经典的jQuery插件集合
Jan 12 Javascript
详谈LABJS按需动态加载js文件
May 07 Javascript
JS实现的自定义右键菜单实例二则
Sep 01 Javascript
概述如何实现一个简单的浏览器端js模块加载器
Dec 07 Javascript
JS基于面向对象实现的选项卡效果示例
Dec 20 Javascript
微信小程序中页面FOR循环和嵌套循环
Jun 21 Javascript
vue深入解析之render function code详解
Jul 18 Javascript
使用原生js+canvas实现模拟心电图的实例
Sep 20 Javascript
详解VueJS应用中管理用户权限
Feb 02 Javascript
vue中render函数的使用详解
Oct 12 Javascript
js实现开关灯效果
Mar 30 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
PHP获取文件后缀名的三个函数
2012/10/15 PHP
利用PHP生成静态HTML文档的原理
2012/10/29 PHP
php函数传值的引用传递注意事项分析
2016/06/25 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
PHP isset()及empty()用法区别详解
2020/08/29 PHP
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
2013/08/21 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
js对象基础实例分析
2015/01/13 Javascript
原生js实现模拟滚动条
2015/06/15 Javascript
js获取客户端操作系统类型的方法【测试可用】
2016/05/27 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2017/03/09 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
2018/03/02 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
2019/05/27 Javascript
微信小程序之 catalog 切换实现解析
2019/09/12 Javascript
详解mpvue开发微信小程序基础知识
2019/09/23 Javascript
Vue项目打包部署到iis服务器的配置方法
2019/10/14 Javascript
使用jquery实现轮播图效果
2021/01/02 jQuery
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
Python中if __name__ == "__main__"详细解释
2014/10/21 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
python数据结构学习之实现线性表的顺序
2018/09/28 Python
python三引号输出方法
2019/02/27 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
python 用所有标点符号分隔句子的示例
2019/07/15 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
给Django Admin添加验证码和多次登录尝试限制的实现
2020/07/26 Python
化妆品促销方案
2014/02/24 职场文书
汉语言文学毕业求职信
2014/07/17 职场文书
工会趣味活动方案
2014/08/18 职场文书
2014年电话客服工作总结
2014/12/09 职场文书
工作时间证明
2015/06/15 职场文书
「玫瑰之王的葬礼」舞台剧主视觉图公开
2022/03/21 日漫