> 웹 프론트엔드 > JS 튜토리얼 > datagrid_jquery에서 열을 동적으로 표시하고 숨기는 jQuery 메서드

datagrid_jquery에서 열을 동적으로 표시하고 숨기는 jQuery 메서드

WBOY
풀어 주다: 2016-05-16 17:09:39
원래의
1208명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

$(function(){
$(' #tt' ).datagrid({
title:'통계 보고',
width:1020,
height:400,
url:'',
fitColumns:true,
loadMsg:' 검색 중입니다. 잠시 기다려 주십시오...',
singleSelect:true,
nowrap:false,
columns:[[
{field:'REGION_NAME',title:'Branch',width :30,align:'center'},
{field:'COUNTY_NAME',title:'District and County',width:80,align:'center',editor:'text'},
{field : 'AREA_NAME',title:'grid',width:80,align:'center',editor:'text'},
{field:'ORG_NAME',title:'site',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 = ; . getFullYear() "-" (dd.getMonth() 1) "-" dd.getDate()
$('#qryStartDate').datebox('setValue', d1); 🎜 >$('#qryEndDate').datebox('setValue', d2); // 날짜 상자 값 설정
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')// 경고(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;
param.rptName = "statBusiRpt";
JSBaseCall.execute(param,showResult2);
//기록 세트 표시
function showResult2(data){
var strJson=data["defaultJsonString"]
var result=eval('(' strJson ')')
//alert(strJson)
( result.KEY_JSCALL_RESULT){
if (result.KEY_SERVICE_RES){//Success
totalRec=result.KEY_TOTAL_REC;
var d={"total":pageShowRec,
"rows":result. defaultAList
};
$('#tt').datagrid('loadData',d)
}
}
}


예: "qu"에서 "County"에 대한 데이터가 없는 경우 테이블은 빈 열을 표시할 필요가 없으며 이 열을 직접 숨깁니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿