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显示和隐藏ul列表的方法
Jul 15 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
Nov 23 Javascript
JavaScript生成验证码并实现验证功能
Sep 24 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
Apr 20 Javascript
ES6中箭头函数的定义与调用方式详解
Jun 02 Javascript
AngularJS中ng-class用法实例分析
Jul 06 Javascript
vue按需加载组件webpack require.ensure的方法
Dec 13 Javascript
vue2中的keep-alive使用总结及注意事项
Dec 21 Javascript
js实现的在本地预览图片功能示例
Nov 09 Javascript
JavaScript隐式类型转换代码实例
May 29 Javascript
使用Cargo工具高效创建Rust项目
Aug 14 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批量删除操作代码分享
2017/02/26 PHP
php设计模式之适配器模式原理、用法及注意事项详解
2019/09/24 PHP
PHP后门隐藏的一些技巧总结
2020/11/04 PHP
js 鼠标拖动对象 可让任何div实现拖动效果
2009/11/09 Javascript
比较搞笑的js陷阱题
2010/02/07 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
2013/09/05 Javascript
js onclick事件传参讲解
2013/11/06 Javascript
asp.net刷新本页面的六种方法总结
2014/01/07 Javascript
jquery禁用右键示例
2014/04/28 Javascript
javascript解析json数据的3种方式
2014/05/08 Javascript
jquery+php随机生成红包金额数量代码分享
2015/08/27 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
浅谈Web页面向后台提交数据的方式和选择
2016/09/23 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
JS实现对json对象排序并删除id相同项功能示例
2018/04/18 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
微信小程序图片左右摆动效果详解
2019/07/13 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
详解Django通用视图中的函数包装
2015/07/21 Python
利用ctypes提高Python的执行速度
2016/09/09 Python
python中异常报错处理方法汇总
2016/11/20 Python
Python遍历某目录下的所有文件夹与文件路径
2018/03/15 Python
python内存管理机制原理详解
2019/08/12 Python
python+selenium select下拉选择框定位处理方法
2019/08/24 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
sealed修饰符是干什么的
2012/10/23 面试题
爱心活动计划书
2014/04/26 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
烈士陵园观后感
2015/06/08 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书
电台广播稿范文
2015/08/19 职场文书
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL
Python 多线程处理任务实例
2021/11/07 Python