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 相关文章推荐
jquery 简单导航实现代码
Sep 11 Javascript
JavaScript CSS修改学习第三章 修改样式表
Feb 19 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
Sep 09 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
Oct 23 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
Dec 18 Javascript
JavaScript 巧学巧用
May 23 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
Vue shopCart 组件开发详解
Jan 26 Javascript
js模拟F11页面全屏显示
Sep 17 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 Javascript
Vue中 axios delete请求参数操作
Aug 25 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中通过虚代理实现延迟加载的实现代码
2011/06/10 PHP
php中get_cfg_var()和ini_get()的用法及区别
2015/03/04 PHP
PHP中常用的数组操作方法笔记整理
2016/05/16 PHP
Laravel下生成验证码的类
2017/11/15 PHP
Laravel中为什么不使用blpop取队列详析
2018/08/01 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
2011/10/31 Javascript
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
15款jQuery分布引导插件分享
2015/02/04 Javascript
js+CSS实现弹出居中背景半透明div层的方法
2015/02/26 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
jQuery实现页码跳转式动态数据分页
2017/12/31 jQuery
详解vue组件开发脚手架
2018/06/15 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
使用axios请求接口,几种content-type的区别详解
2019/10/29 Javascript
JS实现页面数据懒加载
2020/02/13 Javascript
Python 抓取动态网页内容方案详解
2014/12/25 Python
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
python自动发送邮件脚本
2018/06/20 Python
django连接mysql配置方法总结(推荐)
2018/08/18 Python
python基于C/S模式实现聊天室功能
2019/01/09 Python
Python实现账号密码输错三次即锁定功能简单示例
2019/03/29 Python
浅谈Python xlwings 读取Excel文件的正确姿势
2021/02/26 Python
机关门卫制度
2014/02/01 职场文书
高等教育学自荐书范文
2014/02/10 职场文书
培训研修方案
2014/06/06 职场文书
总经理助理岗位职责范本
2014/07/20 职场文书
出租房屋协议书
2014/09/14 职场文书
标准离婚协议书范文下载
2014/11/30 职场文书
销售区域经理岗位职责
2015/04/10 职场文书
中国现代文学之经典散文三篇
2019/09/18 职场文书
nginx网站服务如何配置防盗链(推荐)
2021/03/31 Servers
Spring Boot mybatis-config 和 log4j 输出sql 日志的方式
2021/07/26 Java/Android
Python Flask实现进度条
2022/05/11 Python