-
- dwr:http://getahead.org/dwr/documentation
- dwr例子:https://dwr.dev.java.net/files/documents/2427/39350/ajaxtm.rar
- dwr 介绍ppt: https://dwr.dev.java.net/files/documents/2427/39353/ajax_transportation_methods.ppt
了解了这两个技术后我们来看看它们之间是怎样一个数据流入处理过程。
要想让dwr与ext有数据上的交互,我们可以看下,ext对数据的处理过成,因为这两个交互最主要的就是一个数据怎么流入,和流出的过程。分析ext的结构,发发现ext里面有一个专门对数据类型转化的处理,就是在ext.data下面的这些:
在这里面有可以对许多类型进行转化,但是没有dwr的,这就需要自己根据他们的结构来继承一个:代码在附件中,这个是我在yahoo上看到的。
嵌入这个js后,我们就可以开始把dwr的数据放到ext里面来了。
For example:
//一个纪录类型mapping
var recordType = Ext.data.Record.create([
{name: "name",mapping:"name", type: "string"},
{name: "id",mapping: "id"},
{name: "realname",mapping:"realName", type: "string"},
{name: "createtime",mapping:"createTime", type: "date"},
]);
//一个数据存储的结构吧。
// create the Data Store
var ds = new Ext.data.Store({
// load using DWRProxy
proxy: new Ext.data.DWRProxy(memberService.listMember, true),
// create reader that reads the Topic records
reader: new Ext.data.ListRangeReader({
totalProperty: 'totalSize',
id: 'id'
}, recordType),
// turn on remote sorting
remoteSort: true,
sortInfo:{field: 'id', direction: 'DESC'}
});
结合附件上定义的Exit.data.DWRProxy 和Ext.data.ListRangeReader。来看一下具体的操作过程;
上面划下划线鲜红部分,是dwr的数据流进点,通过js调用service层java代码,来返回数据,放到dwr结构里面存放。
这里只是一个简单的数据流程,当然要想弄清楚,这个过程到底是怎么走,这个就要去看ext原码了,还没仔细研究,正在努力中。所以这里的文章避免不了,一些错误之处,希望大家发现bug,或有什么好的想法可一跟贴。
分享到:
相关推荐
DWR是一种让Java方法可以直接在JavaScript中调用的技术,无需编写复杂的AJAX代码。它通过在服务器端运行一个Servlet,允许前端JavaScript代码像调用本地函数一样调用远程服务器上的Java方法,实现了前后端的无缝通信...
在给定的文件名称列表中,"JavaSource"可能包含了EXT和DWR的Java后台代码,而"WebContent"可能包含了EXT的前端资源以及DWR的相关配置文件。开发者可以查看这些源代码来学习如何将EXT、DWR和Spring整合在一起,构建出...
DWR在Spring+Ext的组合中扮演了桥梁的角色,它允许JavaScript直接调用服务器上的Java方法,实现异步更新,极大地增强了Web应用的响应速度。在用户管理场景中,DWR可以用来实现实时的用户信息查询、添加、修改和删除...
3. **建立通信**:在EXT的事件处理器中,使用DWR的API(如`DWRUtil`或`DWREngine`)来调用服务器端的方法。例如,可以使用`DWRUtil.setValue`更新UI元素,或者`DWREngine.beginBatch`和`DWREngine.endBatch`进行批量...
EXT2.0、DWR和Spring Framework是Java开发领域中的三个关键技术和框架,它们在构建高效、可扩展的Web应用程序中发挥着重要作用。下面将详细解释这三个技术,并探讨它们在实际开发中的应用。 EXT2.0是EXT JS的一个...
而DWR则是一种在浏览器和服务器之间进行异步通信的Java库,允许JavaScript直接调用Java方法,实现类似Ajax的效果。 在描述中提到的“一个ext+dwr的例子”,意味着这个压缩包可能包含了一个实际的示例项目,演示了...
3. **设置数据源**: 使用DWR的`create`方法,将服务器端的Java方法映射到JavaScript对象上,然后在Grid的store中设置这个对象作为数据源。这样,当分页工具栏的页码改变时,DWR会自动调用相应的服务器方法获取新页...
在这个步骤中,你需要引入Ext JS的相关CSS和JavaScript文件,使用Ext JS提供的组件来构建前端页面。同时,你需要编写JavaScript代码,使用DWR生成的`DepartmentService.js`接口文件,来实现前端和后端的交互。 在...
4. **DWR配置**:在 `WEB-INF/dwr.xml` 中配置DWR允许哪些Java方法可以被JavaScript调用。在后端Java代码中,你需要编写一个服务类,包含用户验证的方法,如 `checkLogin(String name, String password)`。 5. **...
Direct Web Remoting (DWR) 是一个Java库,它允许在浏览器端使用JavaScript直接调用服务器端的Java方法,实现了Ajax(Asynchronous JavaScript and XML)技术,使得网页可以进行异步更新,提高了用户体验。在DWR 1...
【标题】"Ext+Spring+DWR+Hibernate+Struts"是将这五个技术整合到一个项目中的示例,展示了如何在Java Web开发中利用这些框架进行高效协作。 【描述】提到的学习资源是一个关于EXT(Ext JS)和Direct Web Remoting ...
JavaScript代码中,Ext的API被用来创建和配置EditorGrid,而DWR的JavaScript API则用于与服务器端的Java方法进行交互。 总的来说,这个实例为学习AJAX、Ext JS和DWR的初学者提供了一个直观且实用的学习资源,强调了...
在`dwr.xml`中,我们可以定义允许的远程方法,以及这些方法对应于的Java类和方法。在`web.xml`中,我们配置DWR的Servlet,设置过滤器等。现在,DWR可以识别我们在Spring中定义的bean,并暴露它们供客户端直接调用。 ...
Java开发领域涵盖了许多技术栈,本套PDF集合涵盖了Java企业级开发中的重要组件和技术,包括iBatis、EXT、Spring和Direct Web Remoting (DWR)以及SQL。这些技术是构建高效、可扩展的Web应用的基础,对于Java开发者来...
在本文中,我们将深入探讨如何使用EXT和Direct Web Remoting (DWR)技术来实现一个动态的、可编辑的树形菜单。EXT是一个强大的JavaScript库,用于构建富客户端应用程序,而DWR则是一个允许JavaScript与服务器端Java...
而DWR则是一种在浏览器和服务器之间进行异步通信的框架,它使得Java方法可以直接在JavaScript中调用,简化了Ajax应用的开发。 标题"简单的EXT+DWR例子"暗示我们将探讨如何将EXT与DWR集成,创建一个简单的Web应用。...