jQuery EasyUI 擴展– DWR 加載器
包含'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.w3cschool.cc/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擴展