`
clq9761
  • 浏览: 592436 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

Ext的DWRProxy应用事例

    博客分类:
  • Ext
阅读更多

 

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省略
}

 

分享到:
评论
1 楼 ghycn 2012-04-20  
  非常感谢,这里是我需要的:
proxy: new Ext.data.DWRProxy(method)

相关推荐

    ext中dwrproxy与json处理数据技术

    ExtJs中使用dwrproxy,和json来处理从数据库里查询出来的数据 其中dwrproxy还支持分页(分页功能没做),将war包下载下来后,直接放在tomcat里,然后启动tomcat就可以了 数据库方面,该项目里用的是mysql,数据文件在...

    Ext扩展dwrproxy

    Ext扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxy

    dwrproxy.js

    在实际应用中,DWRProxy.js和Ext2.0的结合还涉及到JSON数据格式的使用。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。在DWR中,服务器端返回的...

    DWRproxy

    EXT是一个强大的JavaScript库,用于构建富客户端应用,而DWRproxy则是EXT与服务器端交互的关键工具,它允许前端JavaScript代码能够调用服务器端的Java方法,实现了类似于Ajax的功能,但更为强大和灵活。 DWRproxy的...

    DWRProxy的运用实例,Ext,Dwr,Spring的完美结合

    是Ext+Dwr+Spring的完美结合。 表格中的数据是通过DWRProxy加载共分3中形式,用以下3中解析器来解析的: DWRJsonReader DWRArrayReader DWRXmlReader 数据完全由JAVA方法返回,由DWR动态调用,利用了Spring作为Bean...

    Ext2.2.GridPanel分页处理+dwrproxy(js对象和json两种数据)

    proxy: new Ext.data.DWRProxy('YourDWRMethod'), // 使用DWR方法作为数据源 reader: new Ext.data.JsonReader({ totalProperty: 'total', // DWR返回的总记录数字段 root: 'data', // 数据集字段 idProperty: ...

    ext js配合dwr在java中的用法

    dwrproxy.js 博文链接:https://cicada-it.iteye.com/blog/102949

    Ext中Ajax的应用

    ### Ext中Ajax的应用 #### 一、Ext.Ajax的基础应用 **1.1 Ext.Ajax.request方法详解** Ext.Ajax.request 方法是 ExtJS 框架中用于执行 Ajax 请求的核心功能之一,它允许开发者轻松地向服务器发起异步请求并处理...

    ext中store的各个应用

    本文将深入探讨EXT中Store的应用及其重要性。 首先,Store是EXT JS中数据层的核心,它扮演着数据仓库的角色。它能够存储大量的数据对象,并提供了对这些数据进行操作的方法,如添加、删除、更新和检索。Store通过...

    ext + dwr proxy

    EXT是一个用于构建富互联网应用(RIA)的前端JavaScript库,提供了丰富的组件和数据绑定功能。而DWR则是一种在浏览器和服务器之间进行异步通信的Java库,允许JavaScript直接调用Java方法,实现类似Ajax的效果。 在...

    EXTJS 3 整合DWR (DWRProxy、DWRTreeLoader、DWRGridProxy )

    EXTJS 3 整合DWR (DWRProxy、DWRTreeLoader、DWRGridProxy) 是一个在EXTJS 3.0版本中实现的重要技术整合,它将DWR(Direct Web Remoting)的强大功能引入到EXTJS的前端框架中,以实现更高效的数据交互。EXTJS是一个...

    dwrproxy dwrtreeloader

    在实际应用中,"dwrproxy.js"通常会被引入页面,为其他DWR组件提供基础支持。 **3. ExtJS** ExtJS是一个JavaScript UI库,用于创建功能丰富的、响应式的Web应用。它提供了大量的组件,如表格、窗体、面板等,以及...

    可用的dwrproxy.js,参考我的文章EXT+DWR分页

    EXT+DWR分页 ,前人基础修改,绝对能用 有问题的大家相互交流, 具体使用请参考我的文章EXT+DWR分页

    dwrproxy.js,DWRTreeLoader.js,PagingDWRProxy.js

    本篇文章将深入探讨在Ext框架下,与DWR(Direct Web Remoting)集成所使用的三个关键JavaScript文件:`dwrproxy.js`、`DWRTreeLoader.js`和`PagingDWRProxy.js`。这些文件对于实现动态数据交互和页面组件的高效加载...

    深入浅出Ext_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 DWR扩展"是通过DWRProxy、DWRTreeLoader和DWRGridProxy来增强ExtJs的远程数据访问能力,提供了一种高效、便捷的方式,使得前端UI可以直接调用服务器端的方法,增强了Web应用程序的用户体验和性能。...

    Ext 开发指南 学习资料

    1.2. 看看ext-2.0.2的文档 1.3. 为什么有的例子必须放在服务器上才能看到效果? 1.4. 为什么自己按照例子写的代码,显示出来总找不到图片 1.5. 我们还需要什么? 1.6. 入门之前,都看helloworld。 1.6.1. 直接使用...

    EXT2.0中文教程

    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. 如何在页面中...

    DWR+EXT简单示例

    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: ...

Global site tag (gtag.js) - Google Analytics