1.导入dwr的相关包,在web.xml文件中进行dwr配置
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>config-dwr</param-name>
<param-value>/WEB-INF/dwr/dwr.xml</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>false</param-value>
</init-param>
<load-on-startup>7</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
2.配置dwr.xml文件,以下配置仅供参考
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://getahead.org/dwr/dwr20.dtd">
<dwr>
<init>
</init>
<allow>
<convert converter="bean" match="com.rms.dao.*"/>
<convert converter="bean" match="com.rms.util.SelectItem"/>
<convert converter="bean" match="com.rms.model.*"/>
<convert converter="bean" match="com.rms.service.*"/>
<convert converter="bean" match="com.rms.webapp.*"/>
<convert converter="exception" match="java.lang.Exception"/>
<convert converter="bean" match="java.lang.StackTraceElement" />
<!-- 专卖局查询 -->
<create javascript="rmRegieOrgService" creator="spring">
<param name="beanName" value="rmRegieOrgService"/>
</create>
</allow>
<signatures>
<![CDATA[
import java.util.Map;
import java.util.List;
import javax.servlet.http.HttpSession;
rmAbnormalCustVisitService.saveRmAbnormalCustVisitDetail
(String,String,List<Map>);
]]>
</signatures>
</dwr>
3.web前端JS导入及调用
<script type='text/javascript' src="${ctx}/dwr/engine.js"></script>
<script type='text/javascript' src="${ctx}/dwr/util.js"></script>
<script type="text/javascript" src="${ctx}/include/widgets/ext/DWRProxy.js">
</script>
<script type="text/javascript" src="${ctx}/dwr/interface/rmRegieOrgService.js">
</script>
//JS调用
var store = new Ext.data.Store({
proxy: new Ext.data.DWRProxy(rmRegiePersonService
.getRmRegiePersonByDeptCode),
reader: new Ext.data.ListRangeReader({
totalProperty: 'totalCount',
root: 'items',
id:'personCode'},
new Ext.data.Record.create([
{name: 'personCode', mapping: 'personCode'},
{name: 'personName',mapping: 'personName'}
])
)
})
4.后台java代码,参数形式为Map<String,String),如果不是,需在dwr.xml文件中进行声明配置。
public ListRange getRmRegiePersonByDeptCode(Map<String,String> map){
List list = rmRegiePersonDao.getRmRegiePersonByDeptCode(map);
Map map1 = new HashMap();
map1.put("personCode", "");
map1.put("personName", "所有人员");
list.add(map1);
return new ListRange(list,list.size());
}
public class ListRange implements Serializable {
// 记录列表
private List items;
// 记录总数
private long totalCount;
// 每页记录数
private long pageSize;
// 第几页(1~N)
private long pageNo;
public ListRange() {
}
public ListRange(List items, long totalCount) {
this.items = items;
this.totalCount = totalCount;
}
// get,set省略
}
分享到:
相关推荐
ExtJs中使用dwrproxy,和json来处理从数据库里查询出来的数据 其中dwrproxy还支持分页(分页功能没做),将war包下载下来后,直接放在tomcat里,然后启动tomcat就可以了 数据库方面,该项目里用的是mysql,数据文件在...
Ext扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxy
在实际应用中,DWRProxy.js和Ext2.0的结合还涉及到JSON数据格式的使用。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。在DWR中,服务器端返回的...
EXT是一个强大的JavaScript库,用于构建富客户端应用,而DWRproxy则是EXT与服务器端交互的关键工具,它允许前端JavaScript代码能够调用服务器端的Java方法,实现了类似于Ajax的功能,但更为强大和灵活。 DWRproxy的...
是Ext+Dwr+Spring的完美结合。 表格中的数据是通过DWRProxy加载共分3中形式,用以下3中解析器来解析的: DWRJsonReader DWRArrayReader DWRXmlReader 数据完全由JAVA方法返回,由DWR动态调用,利用了Spring作为Bean...
proxy: new Ext.data.DWRProxy('YourDWRMethod'), // 使用DWR方法作为数据源 reader: new Ext.data.JsonReader({ totalProperty: 'total', // DWR返回的总记录数字段 root: 'data', // 数据集字段 idProperty: ...
dwrproxy.js 博文链接:https://cicada-it.iteye.com/blog/102949
### Ext中Ajax的应用 #### 一、Ext.Ajax的基础应用 **1.1 Ext.Ajax.request方法详解** Ext.Ajax.request 方法是 ExtJS 框架中用于执行 Ajax 请求的核心功能之一,它允许开发者轻松地向服务器发起异步请求并处理...
本文将深入探讨EXT中Store的应用及其重要性。 首先,Store是EXT JS中数据层的核心,它扮演着数据仓库的角色。它能够存储大量的数据对象,并提供了对这些数据进行操作的方法,如添加、删除、更新和检索。Store通过...
EXT是一个用于构建富互联网应用(RIA)的前端JavaScript库,提供了丰富的组件和数据绑定功能。而DWR则是一种在浏览器和服务器之间进行异步通信的Java库,允许JavaScript直接调用Java方法,实现类似Ajax的效果。 在...
EXTJS 3 整合DWR (DWRProxy、DWRTreeLoader、DWRGridProxy) 是一个在EXTJS 3.0版本中实现的重要技术整合,它将DWR(Direct Web Remoting)的强大功能引入到EXTJS的前端框架中,以实现更高效的数据交互。EXTJS是一个...
在实际应用中,"dwrproxy.js"通常会被引入页面,为其他DWR组件提供基础支持。 **3. ExtJS** ExtJS是一个JavaScript UI库,用于创建功能丰富的、响应式的Web应用。它提供了大量的组件,如表格、窗体、面板等,以及...
EXT+DWR分页 ,前人基础修改,绝对能用 有问题的大家相互交流, 具体使用请参考我的文章EXT+DWR分页
本篇文章将深入探讨在Ext框架下,与DWR(Direct Web Remoting)集成所使用的三个关键JavaScript文件:`dwrproxy.js`、`DWRTreeLoader.js`和`PagingDWRProxy.js`。这些文件对于实现动态数据交互和页面组件的高效加载...
对于不常见的数据源和协议,可以通过自定义reader和proxy来扩展其功能,例如DWRProxy使得EXT能够直接与DWR(Direct Web Remoting)进行通信。 10.2 Ext.data.Connection Ext.data.Connection是Ext.lib.Ajax的封装,...
总结起来,"ExtJs DWR扩展"是通过DWRProxy、DWRTreeLoader和DWRGridProxy来增强ExtJs的远程数据访问能力,提供了一种高效、便捷的方式,使得前端UI可以直接调用服务器端的方法,增强了Web应用程序的用户体验和性能。...
1.2. 看看ext-2.0.2的文档 1.3. 为什么有的例子必须放在服务器上才能看到效果? 1.4. 为什么自己按照例子写的代码,显示出来总找不到图片 1.5. 我们还需要什么? 1.6. 入门之前,都看helloworld。 1.6.1. 直接使用...
10.1.2. DWRProxy 10.1.3. DWRTreeLoader 10.2. localXHR让你在不用服务器就玩ajax 10.3. 在form中使用fckeditor A. 常见问题乱弹 A.1. ext到底是收费还是免费 A.2. 怎么查看ext2里的api文档 A.3. 如何在页面中...
proxy: new Ext.data.DWRProxy('DemoService.getData'), reader: new Ext.data.ListModel({ fields: ['id', 'name', 'value'] }) }); var grid = new Ext.grid.Panel({ store: store, columns: [ { header: ...