顶部广告位

DWRLoader(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。

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

鄂ICP备16023636号 © 2017 菜鸟程序员