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