jQuery EasyUI Erweiterung - DWR loader
Es enthält 'dwrloader.js' Datei
Verwenden Sie DWR, um die Daten zu erhalten, die ersten zu gehören "dwrloader.js 'Dateien.
<Script type = "text / javascript" src = "http://code.jquery.com/jquery-1.7.2.min.js"> </ script> <Script type = "text / javascript" src = "http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"> </ script> <Script type = "text / javascript" src = "dwrloader.js"> </ script>
Die DWR Methode zur 'url' Eigenschaft zugewiesen
Json als Standard-Loader, 'url' Attribut gibt die Remote-URL JSON-Daten zu erhalten.
Wenn DWR Lader verwenden, sollten wir eine Funktion zur 'url' Eigenschaft zuweisen, die Daten von DWR zu bekommen.
Das folgende Beispiel zeigt, wie DWR-Loader verwenden, um das Datenraster (Datagrid) anzuzeigen:
<Table id = "dg"> </ table> $ (Function () { $ ( '# Dg'). Datagrid ({ Spalten: [[ {Field: "id", Titel: 'ID', Breite: 80}, {Field: "text", title: 'Text', Breite: 100} ]], singleSelect: true, autoRowHeight: false, Breite: 200, Höhe: 200, url: MyTest.getDataGridData }); });
Java-Test-Code
public class Test { public List <Karte <String, Object >> getDataGridData () { List <Map <String, Object >> items = new Arraylist <Karte <String, Object >> (); Map <String, Object> item = new HashMap <String, Object> (); item.put ( "id", 1); item.put ( "Text", "text1"); Items.Add (item); Artikel = new HashMap <String, Object> (); item.put ( "id", 2); item.put ( "Text", "text2"); Items.Add (item); Rückholeinzelteile; } }
Download von jQuery EasyUI Beispiele
jQuery EasyUI Erweiterte