jQuery動(dòng)態(tài)顯示和隱藏datagrid中的某一列的方法
更新時(shí)間:2013年12月11日 17:45:12 作者:
動(dòng)態(tài)顯示和隱藏datagrid中的某一列的方法有很多,在接下來的文章中為大家介紹下jQuery是如何實(shí)現(xiàn)的
復(fù)制代碼 代碼如下:
$(function(){
$('#tt').datagrid({
title:'報(bào)表統(tǒng)計(jì)',
width:1020,
height:400,
url:'',
fitColumns:true,
loadMsg:'正在獲取,請(qǐng)稍侯...',
singleSelect:true,
nowrap:false,
columns:[[
{field:'REGION_NAME',title:'分公司',width:30,align:'center'},
{field:'COUNTY_NAME',title:'區(qū)縣',width:80,align:'center',editor:'text'},
{field:'AREA_NAME',title:'網(wǎng)格',width:80,align:'center',editor:'text'},
{field:'ORG_NAME',title:'網(wǎng)點(diǎn)',width:80,align:'center'},
{field:'TOTAL_NUM',title:'總業(yè)務(wù)量',width:40,align:'center'},
{field:'DH_NUM',title:'單寬業(yè)務(wù)量',width:40,align:'center'},
{field:'RH_NUM',title:'融合業(yè)務(wù)量',width:40,align:'center'},
{field:'YYT_NUM',title:'營業(yè)廳業(yè)務(wù)量',width:40,align:'center'},
{field:'QT_NUM',title:'其他業(yè)務(wù)量',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);
}
}
}
比如在“曲縣”沒數(shù)據(jù)時(shí)表格就不用顯示空列了,而是直接將這一列隱藏掉
您可能感興趣的文章:
- Jquery實(shí)現(xiàn)顯示和隱藏的4種簡單方式
- input 輸入框獲得/失去焦點(diǎn)時(shí)隱藏/顯示文字(jquery版)
- JQuery顯示、隱藏div的幾種方法簡明總結(jié)
- jquery和js實(shí)現(xiàn)對(duì)div的隱藏和顯示方法
- jQuery控制TR顯示隱藏的幾種方法
- jQuery控制TR顯示隱藏的三種常用方法
- jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
- jquery顯示隱藏input對(duì)象
- Jquery 點(diǎn)擊按鈕顯示和隱藏層的代碼
- JQuery實(shí)現(xiàn)隱藏和顯示動(dòng)畫效果
相關(guān)文章
Jquery公告滾動(dòng)+AJAX后臺(tái)得到數(shù)據(jù)
ajax得到值,用JQUERY綁定給對(duì)應(yīng)的UL.利用JQUERY的動(dòng)畫來實(shí)現(xiàn)他們的滾動(dòng)公告。2011-04-04利用jQuery.Validate異步驗(yàn)證用戶名是否存在(推薦)
這篇文章主要介紹了利用jQuery.Validate異步驗(yàn)證用戶名是否存在的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12jquery和雅虎的yql服務(wù)實(shí)現(xiàn)天氣預(yù)報(bào)服務(wù)示例
本文介紹一個(gè)利用Jquery和雅虎的YQL服務(wù)實(shí)現(xiàn)天氣預(yù)報(bào)功能,需要的朋友可以參考下2014-02-02jquery插件orbit.js實(shí)現(xiàn)圖片折疊輪換特效
Orbit是一個(gè)設(shè)計(jì)良好并且容易使用的jQuery圖片滑動(dòng)幻燈片插件,它除了支持圖片滾動(dòng)切換展示外,還支持針對(duì)內(nèi)容的滾動(dòng)。插件的定制性相當(dāng)高,它提供了多個(gè)參數(shù)的設(shè)置,通過設(shè)置你可以將它打造成完全符合你要求的樣式。2015-04-04jquery ajax jsonp跨域調(diào)用實(shí)例代碼
今天研究了AJAX使用JSONP進(jìn)行跨域調(diào)用的方法,發(fā)現(xiàn)使用GET方式和POST方式都可以進(jìn)行跨域調(diào)用,這里簡單分享下,方便需要的朋友2013-12-12用jquery實(shí)現(xiàn)的一個(gè)超級(jí)簡單的下拉菜單
這篇文章主要介紹了用jquery實(shí)現(xiàn)的一個(gè)超級(jí)簡單的下拉菜單,需要的朋友可以參考下2014-05-05