@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 扩展代码: