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 相关文章推荐
js表数据排序 sort table data
Feb 18 Javascript
JavaScript 学习笔记(七)字符串的连接
Dec 31 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
Sep 06 Javascript
DOM操作一些常用的属性汇总
Mar 13 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
微信JS-SDK选取手机照片上传功能
Apr 21 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
代码实例ajax实现点击加载更多数据图片
Oct 12 Javascript
VUE搭建手机商城心得和遇到的坑
Feb 21 Javascript
如何通过shell脚本自动生成vue文件详解
Sep 10 Javascript
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自动识别字符集并完成转码详解
2013/08/02 PHP
php中session使用示例
2014/03/29 PHP
PHP定时更新程序设计思路分享
2014/06/10 PHP
php利用scws实现mysql全文搜索功能的方法
2014/12/25 PHP
关于onScroll事件在IE6下每次滚动触发三次bug说明
2011/09/21 Javascript
javascript实现的HashMap类代码
2014/06/27 Javascript
在JavaScript中处理时间之setMinutes()方法的使用
2015/06/11 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
2015/08/31 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
2017/05/30 Javascript
Javascript实现时间倒计时效果
2017/07/15 Javascript
JavaScript中常见内置函数用法示例
2018/05/14 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
2018/09/04 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
ng-zorro-antd 入门初体验
2018/12/03 Javascript
vue.js多页面开发环境搭建过程
2019/04/24 Javascript
vue-cli3添加模式配置多环境变量的方法
2019/06/05 Javascript
Node.js之删除文件夹(含递归删除)代码实例
2019/09/09 Javascript
vue2.x 对象劫持的原理实现
2020/04/19 Javascript
Python使用面向对象方式创建线程实现12306售票系统
2015/12/24 Python
Python语言描述最大连续子序列和
2017/12/05 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
python3实现钉钉消息推送的方法示例
2019/03/14 Python
Python 写入训练日志文件并控制台输出解析
2019/08/13 Python
欧洲著名的珠宝和手表网上商城:uhrcenter
2017/04/10 全球购物
英国领先的高街书籍专家:Waterstones
2018/02/01 全球购物
如何填写个人简历自我评价
2013/12/10 职场文书
委托证明的格式
2014/01/10 职场文书
摄影助理岗位职责
2014/02/07 职场文书
党建工作目标管理责任书
2015/01/29 职场文书
卫生院艾滋病宣传活动总结
2015/05/09 职场文书
Golang 实现超大文件读取的两种方法
2021/04/27 Golang
vue项目两种方式实现竖向表格的思路分析
2021/04/28 Vue.js
试了下Golang实现try catch的方法
2021/07/01 Golang
JS实现简单的九宫格抽奖
2022/06/28 Javascript
MySQL索引失效场景及解决方案
2022/07/23 MySQL