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 建设银行登陆键盘
Jun 10 Javascript
Ajax 数据请求的简单分析
Apr 05 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
javascript 兼容所有浏览器的DOM扩展功能
Aug 01 Javascript
Lua表达式和控制结构学习笔记
Dec 15 Javascript
coffeescript使用的方式汇总
Aug 05 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
Aug 05 Javascript
原生js实现放大镜
Feb 20 Javascript
JS解析url查询参数的简单代码
Aug 06 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
Sep 18 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
Sep 11 Javascript
写一个Vue loading 插件
Nov 09 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
Syphon 使用方法
2021/03/03 冲泡冲煮
利用static实现表格的颜色隔行显示
2006/10/09 PHP
PHP与MySQL开发的8个技巧小结
2010/12/17 PHP
php的webservice的wsdl的XML无法显示问题的解决方法
2014/03/11 PHP
php判断数组元素中是否存在某个字符串的方法
2014/06/14 PHP
Laravel模型事件的实现原理详解
2018/03/14 PHP
PHP5.0 TIDY_PARSE_FILE缓冲区溢出漏洞的解决方案
2018/10/14 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
Jquery UI震动效果实现原理及步骤
2013/02/04 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
2014/04/12 Javascript
纯JS实现本地图片预览的方法
2015/07/31 Javascript
Node.js服务器开启Gzip压缩教程
2017/08/11 Javascript
vue使用iframe嵌入网页的示例代码
2020/06/09 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
JS实现进度条动态加载特效
2020/03/25 Javascript
解决Scrapy安装错误:Microsoft Visual C++ 14.0 is required...
2017/10/01 Python
总结python中pass的作用
2019/02/27 Python
python实现H2O中的随机森林算法介绍及其项目实战
2019/08/29 Python
浅谈pytorch torch.backends.cudnn设置作用
2020/02/20 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
python程序实现BTC(比特币)挖矿的完整代码
2021/01/20 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
世界上最全面的草药补充剂和顶级品牌维生素网站:HerbsPro
2019/01/20 全球购物
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
法警的竞聘演讲稿
2014/01/02 职场文书
列车长先进事迹材料
2014/01/25 职场文书
暑期社会实践方案
2014/02/05 职场文书
经贸韩语专业大学生职业规划
2014/02/14 职场文书
文明村创建实施方案
2014/03/27 职场文书
培训讲师开场白
2015/06/01 职场文书
2015年行政管理人员工作总结
2015/10/15 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python