EasyUI-DWR Loader(DWR装载器)
DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站。
它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样。
DWR采取了一个类似AJAX的新方法来动态生成基于JAVA类的JavaScript代码。这样WEB开发人员就可以在JavaScript里使用Java代码,就像它们是浏览器的本地代码(客户端代码)一样;
但是Java代码运行在WEB服务器端而且可以自由访问WEB 服务器的资源。出于安全的理由,WEB开发者必须适当地配置哪些Java类可以安全的被外部使用。
导入‘dwrloader.js’文件
要让EasyUI使用DWR来获取数据,首先需要导入 ‘dwrloader.js’ 文件。
<script type=”text/javascript” src=”../../jquery-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:,
{field:”text”,title:’Text’,width:
]],
singleSelect: true,
autoRowHeight: false,
width:
height:
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”, ;
item.put(“text”, “text);
items.add(item);
item = new HashMap<String,Object>();
item.put(“id”, ;
item.put(“text”, “text);
items.add(item);
return items;
}
}
声明: 除非转自他站(如有侵权,请联系处理)外,本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明:转自《EasyUI-DWR Loader(DWR装载器)》
本文地址:http://www.xiupu.net/archives-2645.html
关注公众号:
微信赞赏
支付宝赞赏