easyui DWR加载

@author YHC

引入 '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 加载的时候,我们应该分配一个函数到'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;  
    }  
} 

下载 EasyUI 扩展代码:

jquery-easyui-dwrloader.zip