ホームページ > ウェブフロントエンド > jsチュートリアル > datagrid_jquery の列を動的に表示および非表示にする jQuery メソッド

datagrid_jquery の列を動的に表示および非表示にする jQuery メソッド

WBOY
リリース: 2016-05-16 17:09:39
オリジナル
1207 人が閲覧しました
コードをコピー コードは次のとおりです:

$(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:'地区と郡',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:'Single-widthビジネス金額',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 インデックス = $('#tt').datagrid('getRowIndex', selected)
//$('#tt').datagrid('beginEdit', インデックス); / /progress();
//taskPreempte(selected.taskId);

$('#my_toolbar').appendTo(' ) ;

var dd = new Date();
var d1 = dd.getFullyear() "-" (dd.getMonth() 1) "-1" ; . getFullyear() "-" (dd.getMonth() 1) "-" dd.getDate() ;
$('#qryStartDate').datebox('setValue', d1); // 日付ボックスの値を設定します🎜 >$('#qryEndDate').datebox('setValue', d2); // 日付ボックスの値を設定します

}); {
var strStatCond = "b.region_name";
if($('#qryCon').attr("value")!=100){
param.sts = $('#qryCon' ) .attr("値");
alert(param.sts);
param.qryBeginTime =$('#qryStartDate').datebox('getValue');アラート (param.qryBeginTime);
param.qryEndTime = $('#qryEndDate').datebox('getValue');
//alert(param.qryEndTime); ( '#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( ' #エリア')!= null && $('#エリア').attr("チェック済み") == true){
strStatCond = ",d.エリア名";
$('#tt') . datagrid('showColumn', 'AREA_NAME');
$('#tt').datagrid('hideColumn', 'AREA_NAME'); ( '#org')!= null && $('#org').attr("checked") == true){
strStatCond = ",e.org_name"
$('#tt'; ) .datagrid('showColumn', 'ORG_NAME');
}else{
$('#tt').datagrid('hideColumn', 'ORG_NAME');
strStatCond );
param.statCond = strStatCond;
JSBaseCall.execute(param,showResult2)
// レコードセットを表示します。 function showResult2(data){
var strJson=data["defaultJsonString"]
var result=eval('(' strJson ')'); ( result.KEY_JSCALL_RESULT){
if (result.KEY_SERVICE_RES){//Success
totalRec=result.KEY_TOTAL_REC;
var d={"total":pageShowRec,
"rows":result.
};
$('#tt').datagrid('loadData',d);
}
}
}


例: in "qu "County" のデータがない場合、テーブルでは空の列を表示する必要はなく、この列を直接非表示にします。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート