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实现控制台控件的代码
Sep 04 Javascript
Javascript基础教程之比较操作符
Jan 18 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
Mar 05 Javascript
AngularJS递归指令实现Tree View效果示例
Nov 07 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
Dec 23 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
Feb 14 Javascript
关于jquery form表单序列化的注意事项详解
Aug 01 jQuery
koa大型web项目中使用路由装饰器的方法示例
Apr 02 Javascript
layui输入框中只允许输入整数的实现方法
Sep 18 Javascript
解决vue cli使用typescript后打包巨慢的问题
Sep 30 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
Feb 21 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
Laravel 5框架学习之日期,Mutator 和 Scope
2015/04/08 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
PHP保存Base64图片base64_decode的问题整理
2019/11/04 PHP
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
cument.execCommand()用法深入理解
2012/12/04 Javascript
浅析JavaScript中的常用算法与函数
2013/11/21 Javascript
详解JavaScript函数
2015/12/01 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
JavaScript动态添加css样式和script标签
2016/07/19 Javascript
搭建Bootstrap离线文档的方法
2016/12/02 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
详解用node.js实现简单的反向代理
2017/06/26 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
使用localStorage替代cookie做本地存储
2019/09/25 Javascript
在nodejs中创建child process的方法
2021/01/26 NodeJs
python开启多个子进程并行运行的方法
2015/04/18 Python
Python操作RabbitMQ服务器实现消息队列的路由功能
2016/06/29 Python
详解python实现读取邮件数据并下载附件的实例
2017/08/03 Python
详解python 模拟豆瓣登录(豆瓣6.0)
2019/04/18 Python
Python用字典构建多级菜单功能
2019/07/11 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
python中time、datetime模块的使用
2020/12/14 Python
美国著名的女性内衣零售商:Frederick’s of Hollywood
2018/02/24 全球购物
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
La Senza官网:北美顶尖性感内衣品牌
2018/08/03 全球购物
整个世界的设计师家具在哈恩:Designathome
2019/03/25 全球购物
销售员求职个人的自我评价
2014/02/19 职场文书
网络信息安全承诺书
2014/03/26 职场文书
瘦西湖导游词
2015/02/03 职场文书
家庭教育教师培训学习体会
2016/01/14 职场文书
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏