jQueryのEasyUI拡張 - DWRローダー
それはdwrloader.js 'ファイルが含まれています
データを取得するためにDWRを使用して、最初は「dwrloader.js」ファイルを含めます。
ます。<script type = "text / javascriptの" SRC = "http://code.jquery.com/jquery-1.7.2.min.js"> </スクリプト> ます。<script type = "text / javascriptの" SRC = "http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"> </スクリプト> ます。<script type = "text / javascriptの" SRC = "dwrloader.js"> </スクリプト>
「URL」プロパティに割り当てられDWR方法
デフォルトローダーとしてJSONは、「URL」属性は、データを取得するために、リモートURLのJSONを示しています。
DWRローダーを使用する場合、我々はDWRからデータを取得するために「URL」プロパティに機能を割り当てる必要があります。
次の例では、データグリッド(データグリッド)を表示するDWRローダーを使用する方法を示します。
<表のID = "DG"> </テーブル> $(関数(){ $( '#Dgを')。データグリッド({ 列:[[ {フィールド: "ID"、タイトル:「ID」、幅:80}、 {フィールド: "テキスト"、タイトル:「テキスト」、幅:100} ]、 singleSelect:trueの場合、 autoRowHeight:偽、 幅:200、 高さ:200、 URL:MyTest.getDataGridData }); });
Javaのテストコード
パブリッククラスTest { 公共リスト<地図<文字列、オブジェクト>> getDataGridData(){ リスト<地図<文字列、オブジェクト>>アイテム=新しいのArrayList <地図<文字列、オブジェクト>>(); 地図<文字列、オブジェクト>項目=新しいHashMapの<文字列、オブジェクト>(); item.put( "ID"、1); item.put( "テキスト"、 "テキスト1"); (項目)に、Items.Add。 項目=新しいHashMapの<文字列、オブジェクト>(); item.put( "ID"、2); item.put( "テキスト"、 "テキスト2"); (項目)に、Items.Add。 アイテムを返します。 } }
jQueryのEasyUI例をダウンロード
jQueryのEasyUIは、拡張します