DWR Loader（DWR装载器）

Extension > DWR装载器

扩展下载地址：http://www.jeasyui.com/extension/downloads/jquery-easyui-dwrloader.zip (我发布的程序包整也有提供，在extension目录下)

导入'dwrloader.js'文件

要让EasyUI使用DWR来获取数据，首先需要导入 'dwrloader.js' 文件。

<script type="text/javascript" src="../../jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="dwrloader.js"></script>

指派 DWR 方法给 'url' 属性

作为默认json装载器，'url'属性指明远程URL来获取JSON数据。在使用DWR装载器的时候，我们应该指定一个函数来从DWR的 'url' 属性检索数据。下面的示例展示如何通过使用DWR加载器来显示一个datagrid。

1. <table id="dg"></table>
2. $(function(){
3.   $('#dg').datagrid({
4.     columns: [[
5.       {field:"id",title:'ID',width:80},
6.       {field:"text",title:'Text',width:100}
7.     ]],
8.     singleSelect: true,
9.     autoRowHeight: false,
10.     width: 200,
11.     height: 200,
12.     url: MyTest.getDataGridData
13.   });
14. });

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;
    }
}