GT-Grid 1.0基礎教程(七)


チュートリアルの説明:
GT-Grid開発リストを迅速に利用する方法を教える基礎チュートリアルです.後で「プレミアムチュートリアル」が発売されます.
表示
その他のチュートリアル、および最新バージョンの情報は、
ここをクリック
第七章:編集可能リストの削除記録及びデータ提出
この章では、編集したデータをサービス側にどのように削除するか、サービス側がこれらのデータをどのように取得するかについて説明します.
まず古いやり方で、「mydemo 6.html」を「mydemo 7.html」と保存します.
=========================================
サービス側にデータをコミットには、まずgridがデータをコミットする「宛先」、すなわちsaveURLを指定するとともに、ツールバーに保存ボタンを追加する.

var gridConfig={
	/* ...          ...*/
	saveURL : 'studentsSave.servlet',
	toolbarContent : 'nav | goto | pagesize | reload | save | state' 

};

toolbarContentのsaveに保存ボタンが表示されます
saveURLはバックグラウンド対応のサービスを指す.
ページの変更はこの2つだけです.
次に、サービス側を記述する必要があります.記述する前に、まず、クライアントがサービス側に提出するデータフォーマットと内容を理解しなければなりません.
クライアントがコミットjson列は以下の通りである.

{
	action	 : 'save',	//      .         save.

	insertedRecords : [
		/* ...      .      ,            (json-object)   ... */
		 { no : 51 , name :'zxcx', age : 12, gender : 'M' , english : 26.5 , math :92 },
		 ... ...
	
	],
	updatedRecords : [
		/* ...       ... */
		{ no : 3 , name :'ccc', age : 12, gender : 'F' , english : 53   , math :62 },
		 ... ...
	],
	deletedRecords : [
		/* ...       ... */
		{ no : 2 , name :'bbb', age : 11, gender : 'F' , english : 89   , math :87 },
		... ...

	]
}

これらのデータは同様にjson列の形式でサービス側に一度に伝達される.パラメータ名は依然として「_gt_json」
サービス側は「_gt_json」でこれらのデータをrequestから取り出すことができる.( request.getParameter("_gt_json"); )
次に、サードパーティ製ツールを用いるjson列をjavaオブジェクトに変換する.
この章は第5章を参考にして、一緒に読むことができる.
この例では、actionおよびupdatedRecordsのデータのみが使用する.
サービス側がupdatedRecordsに対応するレコードを取得すると、daoで対応する操作を実行することができる.
=========================================
データの削除は、重要な操作でもある.削除機能を実現するには、toolbarContentに「del」を加えるだけです.

var gridConfig={
	/* ...          ...*/
	saveURL : 'studentsSave.servlet',
	toolbarContent : 'nav | goto | pagesize | reload | del | save | state' 

};

プレビューページには、削除ボタンである「-」ボタンが複数表示する.
1行選択後、削除ボタンをクリックすると、その記録に「削除」マークが付く.(グレー+削除線)
後悔したり、削除が間違っていることに気づいたりすると、再び行を選択して削除ボタンを押すと、その行が返信されます.
(この機能はsave(保存)ボタンを押す前にのみ有効である.
削除機能を加えると、提出したデータにdeletedRecordsの下に削除するレコード情報があります.
そしてjson列--->javaオブジェクトの変換である.ここではもう疲れない.
=========================================
保存時にデータの提出がある、自然にデータが戻ってくる.
返されるデータは同じjson列で、保存が成功したかどうかや異常情報が記載されている.json列のフォーマットは次のとおりです.

{
	success : true  , /* true/false */
	exception : "...    ..."
}

successがfalseの場合は保存操作が失敗することを表し、設定しない、または他の値に設定しても成功を表す.
失敗すると、フロントからプロンプトがポップアップし、プロンプトにexception対応の文字列が表示されます.
=========================================
この章はまずここまでで、内容は少し少ないですが、リストの肝心な核心の最も重要な内容については、純粋なajaxコントロールを使った経験がある人は、独立してリストを開発することができると信じています.
第四五六七四章で説明した内容は、実例ではなく原理を重視しているため、より多くの実践が必要である.
実践の中で現れた問題と私と交流することを歓迎します.
この4章に対応する「サービス側と結合した完全な例」は、正式版のリリース時に提供される.
同時に私も皆さんの助けが必要で、チュートリアルをさらに改善します.
ここでGT-Gridを使っているすべての人に感謝します.