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 相关文章推荐
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 Javascript
html5+javascript制作简易画板附图
Apr 25 Javascript
jquery 插件实现瀑布流图片展示实例
Apr 03 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
Aug 25 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
Dec 08 Javascript
Javascript blur与click冲突解决办法
Jan 09 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
Dec 05 Javascript
JavaScript ES6箭头函数使用指南
Dec 30 Javascript
JS实现的全选、全不选及反选功能【案例】
Feb 19 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 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安全配置
2006/10/09 PHP
php实现的通用图片处理类
2015/03/24 PHP
简单的pgsql pdo php操作类实现代码
2016/08/25 PHP
ThinkPHP中session函数详解
2016/09/14 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
浅谈angularJS 作用域
2015/07/05 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
2015/11/18 Javascript
深入理解JavaScript单体内置对象
2016/06/06 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
vue使用websocket的方法实例分析
2019/06/22 Javascript
Js实现复选框的全选、全不选反选功能代码实例
2020/02/28 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
[07:08]2014DOTA2西雅图国际邀请赛 小组赛7月11日TOPPLAY
2014/07/11 DOTA
Python解析nginx日志文件
2015/05/11 Python
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
Django日志模块logging的配置详解
2017/02/14 Python
python读取中文txt文本的方法
2018/04/12 Python
python矩阵的转置和逆转实例
2018/12/12 Python
python使用正则筛选信用卡
2019/01/27 Python
Python with标签使用方法解析
2020/01/17 Python
Keras之fit_generator与train_on_batch用法
2020/06/17 Python
CSS3圆角和渐变2种常用功能详解
2016/01/06 HTML / CSS
CSS3动画和HTML5新特性详解
2020/08/31 HTML / CSS
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
Vrbo英国:预订度假屋
2020/08/19 全球购物
美国最大最全的亚洲购物网站:美国亚米网(Yamibuy)
2020/05/05 全球购物
生产部统计员岗位职责
2014/01/05 职场文书
医院病假条怎么写
2015/08/17 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
如何使用注解方式实现 Redis 分布式锁
2022/07/23 Redis