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 toFixed() 方法
Apr 15 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 Javascript
JavaScript的模块化:封装(闭包),继承(原型) 介绍
Jul 22 Javascript
JavaScript对IE操作的经典代码(推荐)
Mar 10 Javascript
Javascript中的apply()方法浅析
Mar 15 Javascript
js实现鼠标滑过文字链接色彩变化的效果
May 06 Javascript
Bootstrap每天必学之进度条
Nov 30 Javascript
js实现对ajax请求面向对象的封装
Jan 08 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
node通过express搭建自己的服务器
Sep 30 Javascript
js实现ATM机存取款功能
Oct 27 Javascript
EXTJS7实现点击拖拉选择文本
Dec 17 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网页游戏学习之Xnova(ogame)源码解读(十二)
2014/06/25 PHP
thinkphp区间查询、统计查询与SQL直接查询实例分析
2014/11/24 PHP
php自动更新版权信息显示的方法
2015/06/19 PHP
Yii2框架引用bootstrap中日期插件yii2-date-picker的方法
2016/01/09 PHP
功能强大的php分页函数
2016/07/20 PHP
PHP获取MySQL执行sql语句的查询时间方法
2018/08/21 PHP
PHP date_default_timezone_set()设置时区操作实例分析
2020/05/16 PHP
js传值 判断
2006/10/26 Javascript
JS location几个方法小姐
2008/07/09 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
JS实现可点击展开与关闭的左侧广告代码
2015/09/02 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
微信小程序中实现一对多发消息详解及实例代码
2017/02/14 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
vue.js给动态绑定的radio列表做批量编辑的方法
2018/02/28 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
layui 表单标签的校验方法
2019/09/04 Javascript
Js视频播放器插件Video.js使用方法详解
2020/02/04 Javascript
jQuery实现放大镜案例
2020/10/19 jQuery
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
Python常用内置函数总结
2015/02/08 Python
为什么入门大数据选择Python而不是Java?
2018/03/07 Python
Python使用urllib模块对URL网址中的中文编码与解码实例详解
2020/02/18 Python
Python如何获取文件指定行的内容
2020/05/27 Python
哪些是python中web开发框架
2020/06/17 Python
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
无偿献血倡议书
2014/04/14 职场文书
2014年手术室工作总结
2014/11/26 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
2015年人力资源部工作总结
2015/04/30 职场文书
公司出差管理制度范本
2015/08/05 职场文书
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js