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实现可拖动DIV自定义保存到数据的实例
Nov 20 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
Nov 28 Javascript
javascript/jquery获取地址栏url参数的方法
Mar 05 Javascript
浅谈JavaScript function函数种类
Dec 29 Javascript
jQuery实现伪分页的方法分享
Feb 17 Javascript
Angularjs上传图片实例详解
Aug 06 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
Aug 14 Javascript
vue-router的钩子函数用法实例分析
Oct 26 Javascript
Vue 实现把表单form数据 转化成json格式的数据
Oct 29 Javascript
vue 扩展现有组件的操作
Aug 14 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
Aug 22 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
Oct 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面向对象public private protected 访问修饰符
2013/06/30 PHP
用php来限制每个ip每天浏览页面数量的实现思路
2015/02/24 PHP
php+mysql实现无限级分类
2015/11/11 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
php和vue配合使用技巧和方法
2019/05/09 PHP
Tab页界面,用jQuery及Ajax技术实现
2009/09/21 Javascript
Javascript面向对象编程
2012/03/18 Javascript
jquery动态加载js三种方法实例
2013/08/03 Javascript
Angularjs 基础入门
2014/12/26 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
谈谈impress.js初步理解
2015/09/09 Javascript
javascript同步服务器时间和同步倒计时小技巧
2015/09/24 Javascript
JavaScript实现经典排序算法之冒泡排序
2016/12/28 Javascript
微信小程序 devtool隐藏的秘密
2017/01/21 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
Python的time模块中的常用方法整理
2015/06/18 Python
使用Python的Twisted框架构建非阻塞下载程序的实例教程
2016/05/25 Python
python3库numpy数组属性的查看方法
2018/04/17 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
python使用yaml 管理selenium元素的示例
2020/12/01 Python
python可视化 matplotlib画图使用colorbar工具自定义颜色
2020/12/07 Python
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
大学军训感言300字
2014/03/09 职场文书
安康杯竞赛活动总结
2014/05/05 职场文书
教师求职信范文
2014/05/24 职场文书
传承焦裕禄精神思想汇报2014
2014/09/10 职场文书
手机销售员岗位职责
2015/04/11 职场文书
深入浅析React中diff算法
2021/05/19 Javascript
粗暴解决CUDA out of memory的问题
2021/05/22 Python
如何利用React实现图片识别App
2022/02/18 Javascript
VMware虚拟机安装 Windows Server 2022的详细图文教程
2022/09/23 Servers