`
fangzhouxing
  • 浏览: 212980 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

与Ext一起使用DWR时的疑难问题和解答

阅读更多
与Ext一起使用DWR时的疑难问题和解答

用Ext作为客户端界面框架,Java后端使用DWR(Direct Web Remoting)与Ext通讯,使AJAX应用的开发
变得非常容易。本文列出了开发过程中可能会遇到的问题和解决办法(每个问题几乎都花去了我们不少的
时间,才找到解决办法)。本文不准备介绍如何让DWR与Ext集成,如果您对这方面的资料有兴趣,请参见Ext官方论坛中的例子( Ext + Java + Spring + DWR)。

1. DWR客户端返回值总是null,但跟踪后台Java方法中却有返回值。

这个问题发生在返回值类型为POJO(Plain Old Java Objects)的情况,检查 web.xml,原因就是没有为DWR定义对应的返回值类。

xml 代码
  1. <servlet>
  2. <servlet-name>dwr-invoker<!---->servlet-name>
  3. <display-name>DWR Servlet<!---->display-name>
  4. <description>Direct Web Remoter Servlet<!---->description>
  5. <servlet-class>org.directwebremoting.servlet.DwrServlet<!---->servlet-class>
  6. 。。。
  7. <init-param>
  8. <param-name>classes<!---->param-name>
  9. <param-value>
  10. com.divo.docmnt.dto.ContentData, <-- 这里没有添加对应的POJO,或者两个POJO之间没有用逗号分隔
  11. 。。。
  12. <!---->param-value>
  13. <!---->init-param>
  14. <!---->servlet>


2. 调用DWR客户端方法时,弹出一个alert框,错误信息只显示'Error'

如果你使用FireBug,则可以看到错误信息:Error: undefined, Error,但通常无法直接确定错误原因。你可以从下面两个方面查找错误原因:
(1)JS方法中传递到后台的参数值,类型为undefined,或者类型与Java后台方法中对应参数要求的类型不同(如要求的是 String,传递了Integer类型等)。
(2)如果传递的参数值类型是POJO类型, 则要检查在web.xml中是否定义了对应的类。

3. DWR报告“The specified call count is not a number: null”错误

这个错误的完整信息如下:

js 代码
  1. if (window.dwr) dwr.engine._remoteHandleBatchException({ name:'org.directwebremoting.extend.ServerException'
  2. , message:'The specified call count is not a number: null' });
  3. else if (window.parent.dwr) window.parent.dwr.engine._remoteHandleBatchException({ name:'org.directwebremoting
  4. .extend.ServerException', message:'The specified call count is not a number: null' });

错误原因实际上与上面一个问题类似,也可以从下面两个方面查找:
(1)JS方法中传递到后台的参数值,类型为undefined或null,或者类型与Java后台方法中对应参数要求的类型不同。
(2)如果传递的参数值类型是POJO类型, 则要检查在web.xml中是否定义了对应的类。

4. 使用 DWRProxy 时,Ext网格一直在加载数据,不能结束

代码例子:
js 代码
  1. ds = new Ext.data.Store({
  2. proxy: new Ext.data.DWRProxy(BasisFacade.findAllComponents, false),
  3. reader: new Ext.data.ListRangeReader(
  4. {id:'id'
  5. ,totalProperty:'totalSize'
  6. ,successProperty:'success'},
  7. recordType),
  8. remoteSort: false
  9. });

问题的原因在于传递的参数值有误。如果不需要分页,则实例化 DWRProxy 时,其第二个参数的值应该为 false, 而且 remoteSort 配置项的值也要设置成 false。

希望本文的内容能有助于大家很快找到与DWR相关的Ext编程错误。
分享到:
评论
17 楼 fangzhouxing 2008-01-18  
tree+DWR:
http://extjs.com/forum/showthread.php?t=6217&page=4
16 楼 kaki 2008-01-17  
个人感觉对于grid还是比较容易处理的,但是对于tree怎么使用dwr呢??
15 楼 wangxin0072000 2007-11-28  
最后决定不这么修改了,这是修改之后的代码。测试通过。
Ext.extend(Ext.data.DWRProxy, Ext.data.DataProxy, {
  load : function(params, reader, callback, scope, arg) {
    if(this.fireEvent("beforeload", this, params) !== false) {
      var sort;
      if(params.sort && params.dir) sort = params.sort + ' ' + params.dir;
      else sort = '';
      var delegate = this.loadResponse.createDelegate(this, [reader, callback, scope, arg], 1);
      var callParams = new Array();
      if(arg.arg) {
        callParams = arg.arg.slice();
			}else{
		callParams.push('');   //这是我加的两句用来填充有可能出现null值的参数。
		callParams.push(false);//反正只要不是null,dwrproxy就能跑,所以...
			}
			
			if(this.pagingAndSort) {
      	callParams.push(params.start);
      	callParams.push(params.limit);
      	callParams.push(sort);
			}
			
      callParams.push(delegate);
      this.dwrCall.apply(this, callParams);
    } else {
      callback.call(scope || this, null, arg, false);
    }
  },

  loadResponse : function(listRange, reader, callback, scope, arg) {
    var result;
    try {
      result = reader.read(listRange);
    } catch(e) {
      this.fireEvent("loadexception", this, null, response, e);
      callback.call(scope, null, arg, false);
      return;
    }
    callback.call(scope, result, arg, true);
  },

  update : function(dataSet){},

  updateResponse : function(dataSet)
  {}
});
14 楼 wangxin0072000 2007-11-28  
迫不得已看了DWRProxy和pagingToolbar的源码,发现从Extjs.com
找到的这个DWRProxy可能要修改才能用,因为在上传参数的时候是先arg之后才是params,
这是他的代码。
if(arg.arg) {
        callParams = arg.arg.slice();
			}
			
			if(this.pagingAndSort) {
      	callParams.push(params.start);
      	callParams.push(params.limit);
      	callParams.push(sort);
			}

而PagingToolbar中的参数只有params,所以顺序纠错了,如果把DWRProxy中参数顺序改一下应该就可一了。我先试试。
13 楼 wangxin0072000 2007-11-28  
出现了null值,而且参数的顺序也乱了。
我的思路是在提交时,自己定义参数,这样就不会错了。可是我在pagingtoolbar上有找不到分页的事件。或者分页的函数。
12 楼 wangxin0072000 2007-11-28  
翻页的时候向服务器方发送的参数是错误的。会报error。
this.store = new Ext.data.Store({
	        proxy: new Ext.data.DWRProxy(Cd.getAll, true),
	        reader: new Ext.data.ListRangeReader(
	        {id:'id',totalProperty:'totalSize'},
	           recordType
	        ),
	        remoteSort: true 
	     });

这是ds部分;
这是第一次发送时的参数:
callCount=1

page=/sms/vcore/index.htm

httpSessionId=

scriptSessionId=31FA6A5D222B1B7266519FD82C7057FC537

c0-scriptName=Cd

c0-methodName=getAll

c0-id=0

c0-param0=string:walter

c0-param1=boolean:true

c0-param2=number:0

c0-param3=number:25

c0-param4=string:tt%20ff

batchId=0

这是翻页之后的参数明显数显了null值。
callCount=1

page=/sms/vcore/index.htm

httpSessionId=

scriptSessionId=31FA6A5D222B1B7266519FD82C7057FC537

c0-scriptName=Cd

c0-methodName=getAll

c0-id=0

c0-param0=number:25

c0-param1=number:25

c0-param2=string:

c0-param4=null:null

batchId=1

11 楼 fangzhouxing 2007-11-28  
引用
请问分页的时候如何处理呢?


能说得更详细一些吗?
10 楼 wangxin0072000 2007-11-28  
请问分页的时候如何处理呢?
9 楼 wangxin0072000 2007-11-28  
搞定了,原来是后台传过来的值的id不可以为null
8 楼 wangxin0072000 2007-11-28  
wangxin0072000 写道
if (window.dwr) dwr.engine._remoteHandleBatchException({ name:'java.lang.NullPointerException', message

:'null' }, '0');

else if (window.parent.dwr) window.parent.dwr.engine._remoteHandleBatchException({ name:'java.lang.NullPointerException'

, message:'null' }, '0');


这是什么错误呀
7 楼 wangxin0072000 2007-11-28  
if (window.dwr) dwr.engine._remoteHandleBatchException({ name:'java.lang.NullPointerException', message

:'null' }, '0');

else if (window.parent.dwr) window.parent.dwr.engine._remoteHandleBatchException({ name:'java.lang.NullPointerException'

, message:'null' }, '0');
6 楼 fangzhouxing 2007-11-27  
我全部用annotation方式使用DWR,请参见:

http://getahead.org/dwr/server/annotations
5 楼 afcn0 2007-11-27  
废话,web.xml里面不注册就能用那就神奇了
4 楼 92java 2007-11-27  
我用Ext和dwr时出现了alert:error 错误,但是运行几次,又不出现了。。一直没搞清楚原因。。原来是要到web.xml里面注册,为什么?达人,解释下
3 楼 wangxin0072000 2007-11-27  
这个错误:Error: ReferenceError, response is not defined
2 楼 wangxin0072000 2007-11-27  
请问:出现respose未定义,这个提示框是什么问题呢?
1 楼 wangxin0072000 2007-11-23  
谢谢分享。

相关推荐

    ext 与 dwr 的结合

    在IT行业中,EXT和DWR的结合是一种常见的前端与后端交互技术,它极大地提高了Web应用的用户体验。EXT是一个强大的JavaScript框架,用于构建富互联网应用程序(RIA),而Direct Web Remoting (DWR)则是一个允许...

    ext js配合dwr在java中的用法

    总的来说,Ext JS与DWR的结合使用,使得开发者可以专注于业务逻辑和用户体验,而不必过多关注底层的通信细节。这种结合方式在大型企业级应用中特别常见,因为它能够创建出高性能、功能强大的Web应用,同时保持良好的...

    Ext tree 结合dwr 调用后台数据

    总结来说,"Ext tree 结合dwr 调用后台数据"是前端与后端高效协作的一种实践方式,通过结合使用Ext JS的Tree组件和DWR,我们可以构建出交互性强、响应速度快的Web应用。理解并掌握这种技术,对于提升Web应用的用户...

    ext + dwr proxy

    标题“ext + dwr proxy”涉及的技术点是EXT JavaScript库与Direct Web Remoting (DWR)框架的结合使用,创建了一个代理服务。EXT是一个用于构建富互联网应用(RIA)的前端JavaScript库,提供了丰富的组件和数据绑定...

    使用注解整合ext dwr spring hibernate

    本话题主要关注如何通过注解方式集成EXT、DWR、Spring和Hibernate四个组件,构建一个高效的数据展示和交互的Web应用程序。 首先,EXT(Ext JS)是一个JavaScript库,用于构建用户界面,尤其适合创建富互联网应用...

    Ext Grid +dwr 列表展示展示带分页

    在本文中,我们将深入探讨如何使用Ext Grid与Direct Web Remoting (DWR)技术结合,实现一个具有分页功能的列表展示。首先,让我们逐一了解这些关键组件。 1. **Ext Grid**: Ext Grid是Ext JS库中的核心组件,用于...

    EXT-DWR-SPRING 整合详细指导

    EXT-DWR-SPRING整合详细...整合后的应用能够通过Ext JS丰富的组件提供友好的用户界面,通过DWR实现浏览器端与服务器端的无缝交互,以及利用Spring框架强大的服务支持和依赖注入功能,来管理和组织应用中的各个组件。

    掏钱学EXT2.0+DWR中文文档+Spring Framework 开发参考手册

    例如,一个使用EXT2.0和DWR的Web应用可能会这样工作:用户在EXT2.0构建的界面上进行操作,如选择数据或触发事件,这些操作通过DWR自动转换为对Spring服务的调用。Spring服务处理请求,可能包括与数据库的交互,然后...

    Ext 2.0.1 & DWR 1入门表格实时编辑器实例.rar

    通过学习这个实例,开发者不仅可以掌握Ext和DWR的基本使用,还能了解到如何结合两者构建实时交互的Web应用,这对于提升Web开发技能,尤其是处理前端与后端数据同步问题是非常有价值的。同时,这个实例也强调了无需...

    ext-dwr-hibernate

    这种整合的优势在于,EXT提供了优秀的用户界面,DWR简化了前端与后端的通信,而Hibernate则确保了数据操作的高效和灵活。这样的架构可以构建出响应快速、功能强大的Web应用,尤其适合于需要大量数据操作和实时更新的...

    简单的ext+dwr例子

    这样的应用示例对于初学者来说非常有价值,因为它展示了EXT和DWR的整合使用,以及如何实现数据的异步加载和展示。对于更复杂的应用,可以进一步探索EXT的数据存储、事件处理和DWR的批处理、安全性设置等内容。通过...

    ext+dwr配合简单例子

    EXT和Direct Web Remoting (DWR) 是两个在Web开发中用于实现富客户端应用程序的工具。EXT是一个JavaScript库,提供了一套丰富的用户界面组件和强大的数据管理功能,主要用于构建前端的交互式应用。而DWR则是一个允许...

    Ext+Spinrg dwr hibernate struts

    【描述】提到的学习资源是一个关于EXT(Ext JS)和Direct Web Remoting (DWR)的优秀实践案例,其中包含了MySQL数据库的建表语句。EXT负责构建用户界面,提供丰富的交互性和美观的UI组件;DWR则作为一个桥梁,使得...

    EXT2+DWR+SPRING实现树

    "EXT2+DWR+SPRING实现树"这个项目很可能是结合了这三个技术来构建一个Web应用,其中EXT2可能被用作服务器端的文件系统,用于存储和管理数据。DWR则作为前端与后端交互的桥梁,使得JavaScript可以实时获取和更新...

Global site tag (gtag.js) - Google Analytics