DWR Ext 加载数据


Posted in Javascript onMarch 22, 2009

一,在Ext中直接使用DWR
1,PoJO的Manager类为

public class CustomerManagerImpl extends HibernateDaoSupport implements CustomerManager { 
public PageModel allCustomers() { 
PageModel pageModel = new PageModel(); 
List datas = new ArrayList(); 
int total ; String hql = "from Customer"; 
datas = this.getHibernateTemplate().find(hql); 
String countHql = "select count(*) from Customer"; 
total = ((Long)this.getSession().createQuery(countHql).uniqueResult()).intValue(); 
pageModel.setDatas(datas); 
pageModel.setTotal(total); 
return pageModel; 
} 
}

2,那么直接调用DWR取得数据为(dwr.xml代码参考后面)
var store = new Ext.data.Store({ 
//data:... 这里有DWR调用直接得到 
reader:new Ext.data.JsonReader({id:"sn"},fields), //List数据 
sortInfo:{field:'name', direction:'ASC'}// 排序信息 
}); //DWR+EXT整合的句子, store.loadData(dataslist);加载数据 
//data返回的是PageModel类,属性为total,datas(List数据类型) 
//这里不用建立函数,直接执行 
JCustomerManager.allCustomers(function(data) { 
var total = data.total; 
var dataslist=data.datas; //数据为List类型 
store.loadData(dataslist); //加载数据 
});

3,这里的DWR只做一件事,通过匿名函数,将返回的值的List数据直接注入给store。DWR返回的data可以被JsonStore直接读取,我们需要设置对应的fields参数,以告诉JsonReader需要哪些属性。

4,补充dwr.xml代码

<dwr> 
<allow> 
<!-- dwr+spring 注入方式--> 
<create creator="spring" javascript="JCustomerManager"> 
<param name="beanName" value="customerManager"/> 
</create> 
<!-- 使用到的类要用到转换器--> 
<convert match="com.graduate.crm.PageModel" converter="bean"></convert> 
<convert match="com.graduate.crm.model.CompanyCustomer" converter="bean"></convert> 
</allow> 
</dwr>
Javascript 相关文章推荐
(仅IE下有效)关于checkbox 三态
May 12 Javascript
jQuery 美元符冲突的解决方法
Mar 28 Javascript
iframe如何动态创建及释放其所占内存
Sep 03 Javascript
js构造函数、索引数组和属性的实现方式和使用
Nov 16 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 Javascript
javascript 判断两个日期之差的示例代码
Sep 05 Javascript
Bootstrap学习笔记之css样式设计(1)
Jun 07 Javascript
JavaScript 中对象的深拷贝
Dec 04 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
浅谈vue-cli 3.0.x 初体验
Apr 11 Javascript
vue与bootstrap实现简单用户信息添加删除功能
Feb 15 Javascript
Vue组件简易模拟实现购物车
Dec 21 Vue.js
dwr spring的集成实现代码
Mar 22 #Javascript
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 #Javascript
JS中==与===操作符的比较
Mar 21 #Javascript
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
Mar 21 #Javascript
javascript parseInt 函数分析(转)
Mar 21 #Javascript
javascript 装载iframe子页面,自适应高度
Mar 20 #Javascript
JavaScript 脚本将当地时间转换成其它时区
Mar 19 #Javascript
You might like
php生成年月日下载列表的方法
2015/04/24 PHP
PHP array_key_exists检查键名或索引是否存在于数组中的实现方法
2016/06/13 PHP
PHP请求Socket接口测试实例
2016/08/12 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
javascript高亮效果的二种实现方法
2008/09/14 Javascript
IE与firefox下Dhtml的一些区别小结
2009/12/02 Javascript
Prototype源码浅析 Number部分
2012/01/16 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
2015/12/04 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
2016/05/12 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
2016/06/21 Javascript
BootStrap 超链接变按钮的实现方法
2016/09/25 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
JS图片预加载插件详解
2017/06/21 Javascript
使用JavaScript进行表单校验功能
2017/08/01 Javascript
JS二分查找算法详解
2017/11/01 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
2020/04/11 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
vue-cli 关闭热更新操作
2020/09/18 Javascript
在MAC上搭建python数据分析开发环境
2016/01/26 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
python 进程的几种创建方式详解
2019/08/29 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
pytorch::Dataloader中的迭代器和生成器应用详解
2020/01/03 Python
用CSS3实现背景渐变的方法
2015/07/14 HTML / CSS
美国医生配方营养补充剂供应商:Healthy Directions
2019/07/10 全球购物
采购人员的个人自我评价
2014/01/16 职场文书
歌唱比赛获奖感言
2014/01/21 职场文书
团日活动总结模板
2014/06/25 职场文书
全国优秀教师事迹材料
2014/08/26 职场文书
计划生育诚信协议书
2014/11/02 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
2015年六年级班主任工作总结
2015/10/15 职场文书
使用Java去实现超市会员管理系统
2022/03/18 Java/Android
Vite + React从零开始搭建一个开源组件库
2022/06/25 Javascript