jQuery EasyUI 擴展 - DWR 加載器（DWR Loader）

包含 'dwrloader.js' 文件

使用 DWR 來獲取數(shù)據(jù)，首先要包含 'dwrloader.js' 文件。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http:///try/jeasyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="dwrloader.js"></script>

把 DWR 方法分配給 'url' 屬性

作為默認的 json 加載器，'url' 屬性表示要獲取 json 數(shù)據(jù)的遠程 URL。
當(dāng)使用 DWR 加載器時，我們應(yīng)分配一個函數(shù)給 'url' 屬性來從 DWR 獲取數(shù)據(jù)。
下面實例演示如何通過使用 DWR 加載器來顯示數(shù)據(jù)網(wǎng)格（datagrid）：

????<table id="dg"></table>
????$(function(){
????????$('#dg').datagrid({
????????????columns: [[
????????????????{field:"id",title:'ID',width:80},
????????????????{field:"text",title:'Text',width:100}
????????????]],
????????????singleSelect: true,
????????????autoRowHeight: false,
????????????width: 200,
????????????height: 200,
????????????url: MyTest.getDataGridData
????????});
????});

Java 測試代碼

public class Test {
????public List<Map<String,Object>> getDataGridData(){
????????List<Map<String,Object>> items = new ArrayList<Map<String,Object>>();
????????Map<String,Object> item = new HashMap<String,Object>();
????????item.put("id", 1);
????????item.put("text", "text1");
????????items.add(item);
????????item = new HashMap<String,Object>();
????????item.put("id", 2);
????????item.put("text", "text2");
????????items.add(item);
????????return items;
????}
}

下載 jQuery EasyUI 實例

jquery-easyui-dwrloader.zip

jQuery EasyUI 擴展其他擴展

上一篇：jQuery EasyUI 擴展 - 主題（Themes）下一篇：jQuery EasyUI 擴展 - RTL 支持（RTL support）