ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
### DWR Loader(DWR装载器) [Extension](http://www.jeasyui.com/extension/index.php) ? DWR装载器 **扩展下载地址:**[**http://www.jeasyui.com/extension/downloads/jquery-easyui-dwrloader.zip**](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> 1. $(function(){ 1.     $('#dg').datagrid({ 1.         columns: [[ 1.             {field:"id",title:'ID',width:80}, 1.             {field:"text",title:'Text',width:100} 1.         ]], 1.         singleSelect: true, 1.         autoRowHeight: false, 1.         width: 200, 1.         height: 200, 1.         url: MyTest.getDataGridData 1.     }); 1. });    #### 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;    }}  ~~~