Servlet 与 Extjs.data.store之间的数据传递 之 XML 篇

本文介绍如何使用ExtJS框架与Servlet进行XML数据交互。详细解释了Servlet端生成XML响应的过程,以及ExtJS端如何配置Store加载这些数据。强调了XMLReader在数据解析中的关键作用。

      在web应用中,用户点击页面某控件,向服务器端请求数据是最最常见的一项事务。Extjs这个当下极为流行的RIA框架,也将请求数据这一块做的非常易用了。但是由于不熟悉。很多人还是会在Extjs入门的时候付出一点点小代价的。以下用一个实例来说明Servlet 和 Extjs.data.store之间是如何传递XML结构的数据的。

      任务:Servlet 与Extjs.data.store之间的数据传递。

      步骤:

              1、写一段servlet获取客户端请求参数,返回对应XML数据。

              2、实例化一个store对象,用来请求数据,并在store对象里面放置一个reader对象来存储数据。

              3、页面上放置一个grid,设置关联到store对象,用来展示数据;

       Servlet在这里作为业务层,以XML形式组织数据并回应客户端的请求。客户端的store对象不仅负责发出数据请求,而且以XmlReader(这里一定是XmlReader,如果是Json数据格式则需要JsonReader)为格式在内存中缓存数据。

 

 

Servlet代码:

 

切记: domainIDEle.addCDATA(String.valueOf(domainID));  组织XML数据的时候需要将数据放到text里面

而不是放在属性里面,XMLReader默认的是从text里面取值的。

如下的XML结构是可以在程序中通过的:

而如下的XML结构是不能被XMLReader识别的:

 

javascript 中的Store定义:

 

javascript 中数据载入:

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值