JqGrid Demo json

2041 ワード
Json jqGrid デモ
目的:jqGridプラグインを用いてバックグラウンドデータの非同期クエリーを実現し、表で表示する.
環境:コードを減らすためにstruts 2のみが保持されている.
注意点:
1:
筆者もネットでいくつかの例を見たことがある.しかし、なかなかうまくいかない.
ポイントは次のとおりです.

jQuery("#jqgrid_json").jqGrid({
		datatype: "json",
		url:"jsonGridAction",
		height: "auto",
		width : 750,
	   	colNames:['Inv No', 'Client'],
	   	colModel:[
	   		{name:'no',index:'no', width:60, sorttype:"int"},
	   		{name:'busynessName',index:'busynessName', width:100}	
	   	],
	   	jsonReader:{
	   		root : "dataroot",
	   		records: "totalrecords",
	   		page: "currpage",
	   		total: "totalpages",
	   		repeatitems : false
	   		},
	   	viewrecords : true,
	   	multiselect: false,
		pager: '#pager2',
		rowNum:10,
	   	rowList:[10,20,30],
		sortname: 'no',
	   	caption: "jQGrid json Demo"
	}).navGrid("#pager2",{edit:false,add:false,del:false});

jsonReaderの設定は、バックグラウンドスペルのjsonデータと一致する必要があります.例えば、{"totalpages":"2","currpage":"1","totalrecords":"15","dataroot":[{"no":"0","busynessName":"name 0"},{"no":"busynessName"},{"no","busynessName","name 1"},{no":"2","busynessName":"name 2"},{no":"3","busynessName":"name 3"}}
2:
jqgridはページをめくったり、並べ替えたりする機能を実現する際に、特定のパラメータ(ps:jqgridには自分のデフォルトのパラメータkeyがある!)をバックグラウンドで渡したいと思っています.例:
{page:“page”,rows:“rows”, sort:“sidx”, order:“sord”, search:“_search”, nd:“nd”, id:“id”, oper:“oper”, editoper:“edit”, addoper:“add”, deloper:“del”, subgridid:“id”, npage:null, totalrows:“totalrows”}
これらのkeyについてはactionでset/get関数を設定する必要がありますが、もちろんすべての設定は必要ありません.
何か不明なことがあったら、メッセージを残してください.参考になるコードがありますよ!
Log 4 j 2ログ印刷の概要
jqueryプラグインパッケージテンプレート