小兔网

jQuery EasyUI 扩展 jQuery EasyUI 扩展

包含 'images/2021/07/13/07/2021071307090214117303.js' 文件

使用 DWR 来获取数据,首先要包含 'images/2021/07/13/07/2021071307090214117303.js' 文件。

<script type="text/javascript" src="/images/2021/07/13/07/2021071307090112213171.js"></script><script type="text/javascript" src="/images/2021/07/13/07/2021071307090214113982.js"></script><script type="text/javascript" src="/images/2021/07/13/07/2021071307090214117303.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-dwrloader.zip

jQuery EasyUI 扩展 jQuery EasyUI 扩展