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 相关文章推荐
用js实现控件的隐藏及style.visibility的使用
Jun 14 Javascript
javascript:json数据的页面绑定示例代码
Jan 26 Javascript
jQuery+HTML5加入购物车代码分享
Oct 29 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
Aug 28 Javascript
Bootstrap每天必学之进度条
Nov 30 Javascript
AngularJS基础 ng-model 指令详解及示例代码
Aug 02 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 Javascript
Bootstrap菜单按钮及导航实例解析
Sep 09 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
Feb 04 Javascript
xmlplus组件设计系列之图标(ICON)(1)
May 05 Javascript
vue动态子组件的两种实现方式
Sep 01 Javascript
用React Native制作一个简单的游戏引擎
May 27 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
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
一个PHP分页类的代码
2011/05/18 PHP
php正则表达式使用的详细介绍
2013/04/27 PHP
PHP的password_hash()使用实例
2014/03/17 PHP
CI分页类首页、尾页不显示的解决方法
2016/03/28 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
情人节之礼 js项链效果
2012/02/13 Javascript
JavaScript基础语法、dom操作树及document对象
2014/12/02 Javascript
CSS3 3D 技术手把手教你玩转
2016/09/02 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
bootstrap modal+gridview实现弹出框效果
2017/08/15 Javascript
微信小程序基础教程之worker线程的使用方法
2019/07/15 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
jquery中attr、prop、data区别与用法分析
2019/09/25 jQuery
js实现小星星游戏
2020/03/23 Javascript
JavaScript基于用户照片姓名生成海报
2020/05/29 Javascript
Vue使用鼠标在Canvas上绘制矩形
2020/12/24 Vue.js
详解Django中的form库的使用
2015/07/18 Python
详解Python中最难理解的点-装饰器
2017/04/03 Python
基于腾讯云服务器部署微信小程序后台服务(Python+Django)
2019/05/08 Python
Python unittest 自动识别并执行测试用例方式
2020/03/09 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
荣耀俄罗斯官网:HONOR俄罗斯
2020/10/31 全球购物
自考生自我鉴定范文
2013/10/01 职场文书
大学新生欢迎词
2014/01/10 职场文书
关于旷工的检讨书
2014/02/02 职场文书
银行纠风工作实施方案
2014/06/08 职场文书
学生个人总结范文
2015/02/15 职场文书
销售口号霸气押韵
2015/12/24 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书
JVM上高性能数据格式库包Apache Arrow入门和架构详解(Gkatziouras)
2021/05/26 Servers
Python如何识别银行卡卡号?
2021/06/10 Python
Golang并发工具Singleflight
2022/05/06 Golang