在前人的基础上更改的DWRProxy

最新推荐文章于 2025-12-02 15:27:35 发布
最新推荐文章于 2025-12-02 15:27:35 发布 · 94 阅读 · 0
文章标签：

#EXT #DWR #JavaScript #json #CSS #ViewUI

本文介绍如何将DWR与Ext结合使用，实现多种数据格式的交互，包括JSON、数组和XML。通过具体示例展示了如何配置Ext组件来读取不同格式的数据，并提供了JavaScript和Java代码实现。

修改的地方:

1.多个DWR同时调用不受限制

2.调用DWR的方法的参数不做限制，可以任意。

3.增加EXT常用的几个Reader的实现:Ext.data.XmlReader Ext.data.JsonReader Ext.data.DWRArrayReader

Js代码 复制代码 
/*
 @author:Condy
 @createDate:2008-01-14
 Ext.data.DWRProxy(DWR的调用方法,调用方法的输入参数)
 example:
   1.use DWRJsonReader:
   var store=new Ext.data.Store({
		proxy:new Ext.data.DWRProxy(DWRCall.getComboJsonByObject,"condy",{name:'condy',address:'xxxx',age:26}),
		reader:new Ext.data.DWRJsonReader({
		 totalProperty: "results",    
    root: "rows",                
    id: "id"
		},new Ext.data.Record.create([
    	{name: 'text', mapping: 'name'},     
    	{name: 'value',mapping:'occupation'}                 
      ]))
	});
	 java code:
	 public String getComboJsonByObject(String param1,DWRObject dwrobject){
		System.out.println("param1:"+param1);
		System.out.println("DWRObject: name:"+dwrobject.getName()+" age:"+dwrobject.getAge());
		StringBuffer sb=new StringBuffer();
		sb.append("{ 'results': 2, 'rows': [");
		sb.append("{ 'id': 1, 'name': 'Bill', occupation: 'Gardener' },");
		sb.append("{ 'id': 2, 'name': 'Ben', occupation: 'Horticulturalist' } ]");
		sb.append("}");
		System.out.println(sb.toString());
		return sb.toString();
	}
	2. use DWRArrayReader:
	  var store=new Ext.data.Store({
		proxy:new Ext.data.DWRProxy(DWRCall.getComboArray,"condy"),
		reader:new Ext.data.DWRArrayReader({
		},new Ext.data.Record.create([
    	{name: 'text', mapping: 0},     
    	{name: 'value',mapping:1}                 
      ]))
	});
	 java code:
	 public String[][] getComboArray(String id){
		System.out.println("id:"+id);
		String[][] aaData={new String[]{"aaa","111"},new String[]{"bbb","222"}};
		
		return aaData;
	}
	
	3. use DWRXmlReader:
	store=new Ext.data.Store({
		proxy:new Ext.data.DWRProxy(DWRCall.getComboArray,"condy"),
		reader:new Ext.data.DWRArrayReader({
		},new Ext.data.Record.create([
    	{name: 'text', mapping: 0},     
    	{name: 'value',mapping:1}                 
      ]))
	});
	 java code:
	  public String getComboXml(String param1,String param2){
		System.out.println("param1:"+param1);
		System.out.println("param2:"+param2);
		StringBuffer sbxml=new StringBuffer();
		sbxml.append("<?xml version=\"1.0\" encoding=\"GBK\"?>\n");
		sbxml.append("<dataset>\n");
		sbxml.append("<results>2</results>\n");
		sbxml.append("<row>\n");
		sbxml.append("<id>1</id>\n");
		sbxml.append("<name>Bill</name>\n");
		sbxml.append("<occupation>Gardener</occupation>\n");
		sbxml.append("</row>\n");
		sbxml.append("<row>\n");
		sbxml.append("<id>2</id>\n");
		sbxml.append("<name>Condy</name>\n");
		sbxml.append("<occupation>Horticulturalist</occupation>\n");
		sbxml.append("</row>\n");
		sbxml.append("</dataset>\n");
		System.out.println(sbxml.toString());
		return sbxml.toString();
	}
 */

Ext.data.DWRProxy = function(dwrCall){
  Ext.data.DWRProxy.superclass.constructor.call(this);
  this.dwrCall = dwrCall;
  /** 传入多个输入参数的处理**/
   this.callParams = new Array();
  for( i=1;i<arguments.length;i++){
  	this.callParams.push(arguments[i]);
  }
};

Ext.extend(Ext.data.DWRProxy, Ext.data.DataProxy, {
  load : function(params, reader, callback, scope, arg) {
    if(this.fireEvent("beforeload", this, params) !== false) {
      var delegate = this.loadResponse.createDelegate(this, [reader, callback, scope, arg], 1);
      this.callParams.push(delegate);
      this.dwrCall.apply(this, this.callParams);
    } else {
      callback.call(scope || this, null, arg, false);
    }
  },

  loadResponse : function(dwrResult, reader, callback, scope, arg) {
    var result;
    try {
      result = reader.read(dwrResult);
    } catch(e) {
      this.fireEvent("loadexception", this, null, dwrResult, e);
      callback.call(scope, null, arg, false);
      return;
    }
    callback.call(scope, result, arg, true);
  }
});
  
/*
 *
 *DWR调用方法返回的格式json
 *参数调用格式与 Ext.data.JsonReader是一样的 请查看Ext的api文档
*/
Ext.data.DWRJsonReader=function(meta,recordType){   
  Ext.data.DWRJsonReader.superclass.constructor.call(this,meta,recordType);   
};   
  
Ext.extend(Ext.data.DWRJsonReader,Ext.data.JsonReader,{   
  read : function(response){
  	    if(typeof response == 'object')
  	      alert("object");
        var o = eval("("+response+")");
        if(!o) {
            throw {message: "JsonReader.read: Json object not found"};
        }
        if(o.metaData){
            delete this.ef;
            this.meta = o.metaData;
            this.recordType = Ext.data.Record.create(o.metaData.fields);
            this.onMetaChange(this.meta, this.recordType, o);
        }
        return this.readRecords(o);
    }  
});  

/*
 *返回数组格式：[[xxx,yyy],[aaaa],[bbbb]]
 *参数调用格式与 Ext.data.ArrayReader是一样的，请查看Ext的api文档
 */
Ext.data.DWRArrayReader=function(meta,recordType){   
  Ext.data.DWRArrayReader.superclass.constructor.call(this,meta,recordType);   
};   
  
Ext.extend(Ext.data.DWRArrayReader,Ext.data.ArrayReader,{   
  read : function(response){
        var o = response;
        if(!o) {
            throw {message: "JsonReader.read: Json object not found"};
        }
        if(o.metaData){
            delete this.ef;
            this.meta = o.metaData;
            this.recordType = Ext.data.Record.create(o.metaData.fields);
            this.onMetaChange(this.meta, this.recordType, o);
        }
        return this.readRecords(o);
    }  
});

/*
 *
 *DWR调用方法返回的格式XML
 *参数调用格式与 Ext.data.XmlReader是一样的 请查看Ext的api文档
*/
Ext.data.DWRXmlReader=function(meta,recordType){   
  Ext.data.DWRXmlReader.superclass.constructor.call(this,meta,recordType);   
};   
  
Ext.extend(Ext.data.DWRXmlReader,Ext.data.XmlReader,{   
  read : function(response){
        var doc;
        try{
        	if(Ext.isIE || Ext.isIE7){
        		doc=new ActiveXObject("Microsoft.XMLDOM");
        		doc.loadXML(response);
        	}else{
        		var oParser=new DOMParser();
        		doc=oParser.parseFromString(response,"text/xml");
        	}
        }catch(e){
        	alert(e);
        }
        if(!doc) {
            throw {message: "DWRXmlReader.read: XML Document not available"};
        }
        return this.readRecords(doc);
    }  
});

调用示例：

combo.html 代码

Js代码 复制代码
  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=GBK">
  5. <linkrel="stylesheet"type="text/css"href="../js/extjs/resources/css/ext-all.css"/>
  6. <scripttype='text/javascript'src='/dwr/dwr/interface/DWRCall.js'></script>
  7. <scripttype='text/javascript'src='/dwr/dwr/engine.js'></script>
  8. <scripttype="text/javascript"src="../js/extjs/adapter/ext/ext-base.js"></script>
  9. <scripttype="text/javascript"src="../js/extjs/ext-all-debug.js"></script>
  10. <scripttype="text/javascript"src="../js/extjs/ext-lang-zh_CN.js"></script>
  11. <scripttype="text/javascript"src="../js/extjs/DWRProxy.js"></script>
  12. <scripttype="text/javascript"src="comboxTest.js"></script>
  13. <title>Combo对象学习</title>
  14. <scripttype="text/javascript">
  16. </script>
  17. </head>
  18. <body>
  19. <inputtype='button'onclick='alert(Ext.get("local-states").getValue());'value='store.getCount())'>
  20. <div>
  21. <inputtype='text'id='local-states'></input>
  22. </div>
  24. </body>
  25. </html>

comboxTest.js代码:

Js代码 复制代码
  1. varstore;
  2. Ext.onReady(function(){
var data=[[ 'AL' , 'Alabama' ],[ 'AK' , 'Alaska' ]]; //DWRCall.getComboArray('1',function(data){alert(data[0][1]);}); /*varstore=newExt.data.SimpleStore({ fields:['text','value'], data:data }); */ /**CallcomboxData.jsp***/ /*store=newExt.data.Store({ url:'comboxData.jsp', reader:newExt.data.XmlReader({ id:'id', totalRecords:'results', record:'row' },[{name:'text',mapping:'name'},{name:'value',mapping:'occupation'}]) }); */ /* store=newExt.data.Store({ url:'comboxData.jsp', reader:newExt.data.JsonReader({ totalProperty:"results",//Thepropertywhichcontainsthetotaldatasetsize(optional) root:"rows",//ThepropertywhichcontainsanArrayofrowobjects id:"id" },newExt.data.Record.create([ {name:'text',mapping:'name'}, {name:'value',mapping:'occupation'} ])) }); */ /******callDWR********/ /* store=newExt.data.Store({ proxy:newExt.data.DWRProxy(DWRCall.getComboJsonByObject,"condy",{name:'condy',address:'xxxx',age:26}), reader:newExt.data.DWRJsonReader({ totalProperty:"results", root:"rows", id:"id" },newExt.data.Record.create([ {name:'text',mapping:'name'}, {name:'value',mapping:'occupation'} ])) }); */ /* store=newExt.data.Store({ proxy:newExt.data.DWRProxy(DWRCall.getComboArray,"condy"), reader:newExt.data.DWRArrayReader({ },newExt.data.Record.create([ {name:'text',mapping:0}, {name:'value',mapping:1} ])) }); */ store= new Ext.data.Store({ proxy: new Ext.data.DWRProxy(DWRCall.getComboXml, "condy" , "test" ), reader: new Ext.data.DWRXmlReader({ id: 'id' , totalRecords: 'results' , record: 'row' },[{name: 'text' ,mapping: 'name' },{name: 'value' ,mapping: 'occupation' }]) }); var combo= new Ext.form.ComboBox({ store:store, typeAhead: true , displayField: 'text' , valueField: 'value' , mode: 'local' , triggerAction: 'all' , emptyText: 'Selectastate...' , selectOnFocus: true , applyTo: 'local-states' }); store.load({params:{}}); } );

java部分代码:

DWRCall.java

Java代码 复制代码

  1. packagecom.test;
  3. publicclassDWRCall{
  5. publicStringgetCombo(Stringid){
  6. System.out.println("bbbbbbbbbbbbbbbb");
  7. StringBuffersb=newStringBuffer();
  8. sb.append("[[").append("'condy','name'],['candy','name']]");
  9. System.out.println(sb.toString());
  10. returnsb.toString();
  11. }
  12. publicString[][]getComboArray(Stringid){
  13. System.out.println("id:"+id);
  14. String[][]aaData={newString[]{"aaa","111"},newString[]{"bbb","222"}};
  16. returnaaData;
  17. }
  18. publicStringgetComboJson(Stringparam1,Stringparam2){
  19. System.out.println("param1:"+param1);
  20. System.out.println("param2:"+param2);
  21. StringBuffersb=newStringBuffer();
  22. sb.append("{'results':2,'rows':[");
  23. sb.append("{'id':1,'name':'Bill',occupation:'Gardener'},");
  24. sb.append("{'id':2,'name':'Ben',occupation:'Horticulturalist'}]");
  25. sb.append("}");
  26. System.out.println(sb.toString());
  27. returnsb.toString();
  28. }
  30. publicStringgetComboXml(Stringparam1,Stringparam2){
  31. System.out.println("param1:"+param1);
  32. System.out.println("param2:"+param2);
  33. StringBuffersbxml=newStringBuffer();
  34. sbxml.append("<?xmlversion=\"1.0\"encoding=\"GBK\"?>\n");
  35. sbxml.append("<dataset>\n");
  36. sbxml.append("<results>2</results>\n");
  37. sbxml.append("<row>\n");
  38. sbxml.append("<id>1</id>\n");
  39. sbxml.append("<name>Bill</name>\n");
  40. sbxml.append("<occupation>Gardener</occupation>\n");
  41. sbxml.append("</row>\n");
  42. sbxml.append("<row>\n");
  43. sbxml.append("<id>2</id>\n");
  44. sbxml.append("<name>Condy</name>\n");
  45. sbxml.append("<occupation>Horticulturalist</occupation>\n");
  46. sbxml.append("</row>\n");
  47. sbxml.append("</dataset>\n");
  48. System.out.println(sbxml.toString());
  49. returnsbxml.toString();
  50. }
  52. publicStringgetComboJsonByObject(Stringparam1,DWRObjectdwrobject){
  53. System.out.println("param1:"+param1);
  54. System.out.println("DWRObject:name:"+dwrobject.getName()+"age:"+dwrobject.getAge());
  55. StringBuffersb=newStringBuffer();
  56. sb.append("{'results':2,'rows':[");
  57. sb.append("{'id':1,'name':'Bill',occupation:'Gardener'},");
  58. sb.append("{'id':2,'name':'Ben',occupation:'Horticulturalist'}]");
  59. sb.append("}");
  60. System.out.println(sb.toString());
  61. returnsb.toString();
  62. }
  63. }
package com.test;

public class DWRCall {

	public String getCombo(String id){
		System.out.println("bbbbbbbbbbbbbbbb");
		StringBuffer sb=new StringBuffer();
		sb.append("[[").append("'condy','name'],['candy','name']]");
		System.out.println(sb.toString());
		return sb.toString();
	}
	public String[][] getComboArray(String id){
		System.out.println("id:"+id);
		String[][] aaData={new String[]{"aaa","111"},new String[]{"bbb","222"}};
		
		return aaData;
	}
	public String getComboJson(String param1,String param2){
		System.out.println("param1:"+param1);
		System.out.println("param2:"+param2);
		StringBuffer sb=new StringBuffer();
		sb.append("{ 'results': 2, 'rows': [");
		sb.append("{ 'id': 1, 'name': 'Bill', occupation: 'Gardener' },");
		sb.append("{ 'id': 2, 'name': 'Ben', occupation: 'Horticulturalist' } ]");
		sb.append("}");
		System.out.println(sb.toString());
		return sb.toString();
	}
	
	public String getComboXml(String param1,String param2){
		System.out.println("param1:"+param1);
		System.out.println("param2:"+param2);
		StringBuffer sbxml=new StringBuffer();
		sbxml.append("<?xml version=\"1.0\" encoding=\"GBK\"?>\n");
		sbxml.append("<dataset>\n");
		sbxml.append("<results>2</results>\n");
		sbxml.append("<row>\n");
		sbxml.append("<id>1</id>\n");
		sbxml.append("<name>Bill</name>\n");
		sbxml.append("<occupation>Gardener</occupation>\n");
		sbxml.append("</row>\n");
		sbxml.append("<row>\n");
		sbxml.append("<id>2</id>\n");
		sbxml.append("<name>Condy</name>\n");
		sbxml.append("<occupation>Horticulturalist</occupation>\n");
		sbxml.append("</row>\n");
		sbxml.append("</dataset>\n");
		System.out.println(sbxml.toString());
		return sbxml.toString();
	}
	
	public String getComboJsonByObject(String param1,DWRObject dwrobject){
		System.out.println("param1:"+param1);
		System.out.println("DWRObject: name:"+dwrobject.getName()+" age:"+dwrobject.getAge());
		StringBuffer sb=new StringBuffer();
		sb.append("{ 'results': 2, 'rows': [");
		sb.append("{ 'id': 1, 'name': 'Bill', occupation: 'Gardener' },");
		sb.append("{ 'id': 2, 'name': 'Ben', occupation: 'Horticulturalist' } ]");
		sb.append("}");
		System.out.println(sb.toString());
		return sb.toString();
	}
}

DWRObject.java

Java代码 复制代码
  1. packagecom.test;
  3. publicclassDWRObject{
  5. privateStringname;
  6. privateStringaddress;
  7. privateintage;
  8. /**
  9. *@returntheaddress
  10. */
  11. publicStringgetAddress(){
  12. returnaddress;
  13. }
  14. /**
  15. *@paramaddresstheaddresstoset
  16. */
  17. publicvoidsetAddress(Stringaddress){
  18. this.address=address;
  19. }
  20. /**
  21. *@returntheage
  22. */
  23. publicintgetAge(){
  24. returnage;
  25. }
  26. /**
  27. *@paramagetheagetoset
  28. */
  29. publicvoidsetAge(intage){
  30. this.age=age;
  31. }
  32. /**
  33. *@returnthename
  34. */
  35. publicStringgetName(){
  36. returnname;
  37. }
  38. /**
  39. *@paramnamethenametoset
  40. */
  41. publicvoidsetName(Stringname){
  42. this.name=name;
  43. }
  45. }
iteye_4965
关注
DWRProxy的运用实例，Ext,Dwr,Spring的完美结合
12-06
这个例子中有登录，有普通表格，可编辑表格。 是Ext+Dwr+Spring的完美结合。 表格中的数据是通过DWRProxy加载共分3中形式，用以下3中解析器来解析的： DWRJsonReader DWRArrayReader DWRXmlReader 数据完全由JAVA方法返回，由DWR动态调用，利用了Spring作为Bean的容器。
Ext的DWRProxy应用事例
07-31
理解这些核心概念并结合实际的"DWRProxy.js"代码，我们可以深入学习如何在ExtJS应用程序中有效利用DWRProxy来实现与服务器的高效通信，从而提升用户体验。同时，DWRProxy结合源码阅读，可以帮助开发者更好地理解和...
store读取数据超时解决方案
城之残垣的专栏
02-24 1462
<br /><br />ext的store读取数据时，没有办法进行时间超时配置，只能通过代理方式，由connection来进行数据获取时间延长处理方式。<br /> <br />var connObj = new Ext.data.Connection({ <br />            timeout : 120000, <br />            url : ‘/jsp/dataSourceURL’, <br />            method : ‘POST’ <br />     
DWRProxy.js obj is null 解决办法
yoyo切克闹
07-11 575
DWRProxy.js 中报 obj is null   是因为一个类中关联了另外一个POJO类，只需将两个类例如： 都改为 即可
EXT 的Ext.data.DWRProxy
okkeqin的专栏
12-29 1048
dwrproxy.js Ext.data.DWRProxy = function(dwrCall, pagingAndSort){   Ext.data.DWRProxy.superclass.constructor.call(this);   this.dwrCall = dwrCall;   //this.args = args;  this.pagingAndSort = (pag
Ext.ux.data.DwrProxy
evilcry2012的专栏
03-02 878
/** * DWR与EXTJS一同使用的PROXY */ Ext.namespace("Ext.ux.data"); Ext.ux.data.DwrProxy = function(config) { Ext.apply(this, config); Ext.applyIf(config, { url : "support.jsp" }); Ext.ux.data.D
简析 DWRProxy
{ focus : web }
09-23 303
//(代码系转载：) Ext.namespace("Ext.ux.data"); /** * @class Ext.ux.data.DWRProxy * @extends Ext.data.DataProxy * @author loeppky * An implementation of Ext.data.DataProxy that uses DWR to make a...
Extjs的DWRProxy
老得不能再老的程序员
01-06 2969
dwrproxy.jsExt.data.DWRProxy = function(dwrCall, args) {    Ext.data.DWRProxy.superclass.constructor.call(this);    this.dwrCall = dwrCall;    this.args = args;};Ext.extend(Ext.data.
dwrProxy的实现与改进
蝶飞鸿云 志化燕雀(http://jxnuprk.cnblogs.com/)
12-27 190
  /** * http://extjs.com/forum/showthread.php?t=19529 */ /* * 作者：彭仁夔 blog:http://jxnuprk.cnblogs.com/或jljlpch.iteye.com */ Ext.namespace("Ext.ux.data"); Ext.ux.data.DWRProxy = function(config) { ...
dwrproxy dwrtreeloader
08-02
在实际应用中，"dwrproxy.js"通常会被引入页面，为其他DWR组件提供基础支持。 **3. ExtJS** ExtJS是一个JavaScript UI库，用于创建功能丰富的、响应式的Web应用。它提供了大量的组件，如表格、窗体、面板等，以及...
dwrproxy.js
04-24
DWRProxy.js在ExtJS中的作用主要体现在数据绑定和远程调用上。ExtJS是一个强大的JavaScript组件库，提供了丰富的UI组件和数据管理工具。当结合DWRProxy.js时，ExtJS的数据模型能够直接与服务器进行交互，获取和更新...
DWRproxy
01-18
例如，你可以使用DWRproxy加载服务器端的数据到GridPanel，用户在前端对数据进行修改后，再通过DWRproxy将更新的数据提交回服务器。 总结来说，DWRproxy是EXT框架中一个强大的通信工具，它简化了前端与服务器之间的...
ext3.0 dwrproxy 兼容2.x dwrproxy用法
牧羊人
07-12 108
经测试 可以用，并且做了修改可以兼容以前的代码格式 [code="js"] Ext.namespace("Ext.ux.data"); /** * @class Ext.ux.data.DwrProxy * @extends Ext.data.DataProxy * @author loeppky * An implementation of Ext.data.Data...
dwrproxy.js：深入探讨与修改版介绍
- **修改分享**: 作者可能在社区中分享了他们对dwrproxy.js的修改，这通常是为了帮助其他开发者解决遇到的问题，或者是提出了一种新的解决方案。 ### 标签知识点 #### DWRProxy, Ext, Ext2.0.dwr.json - **...
Gemini 3 Pro Image Nano Banana 技术架构
快搜CEO高德的博客
11-29 720
开源版 “Think + Image” 流程图 liaotian.chatdlm.cn
常用自定义函数laravel版+thinkphp版
程序员的日常
11-30 418
本文提供了Laravel和ThinkPHP框架下常用的PHP辅助函数实现方案。主要内容包括：格式化数字/浮点数 字符串处理（截取、过滤、修复HTML） 数组处理（树形结构、去重、转换） 文件操作（删除、安全检测、图片处理） 随机字符串生成 隐私数据处理 JSON输出封装 时间/距离计算 图片处理（裁剪、转base64）
Toon，面向 Token 的对象表示，比 JSON 更节省 Token 的数据编码格式
最新发布
成富的专栏
12-02 247
如果输入的 token 数量过大，不仅可能遇到模型的上下文窗口的上限，还可能由于提示中的内容过多，反而影响大模型的输出质量。在下面的测试中，输入的查询是“居住在新西兰的用户的名字”，与用户的数据一同发送给大模型。在发送给大模型的提示中，除了自然语言的指令之外，占据大头是其中的结构化数据，表示需要由模型来处理的输入数据。数组中包含的元素的类型通常是相同的，具有相似的结构。如果希望大模型产生结构化的输出，可以在提示中描述 Toon 的格式，并要求大模型给出 Toon 格式的输出，再使用类库解析即可。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值