DWR 加载器（DWR Loader）

jQuery EasyUI 扩展

包含 ''dwrloader.js'' 文件

使用 DWR 来获取数据，首先要包含 ''dwrloader.js'' 文件。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.w3xue.com/tryjquery.easyui.min.js"></script>
<script type="text/javascript" src="dwrloader.js"></script>

w╭╮3╭╮x╭╮u╭╮e.com提供本在线速查手册，请勿盗用！

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

w╭╮3╭╮x╭╮u╭╮e.com提供本在线速查手册，请勿盗用！

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

w╭╮3╭╮x╭╮u╭╮e.com提供本在线速查手册，请勿盗用！

jQuery EasyUI 扩展