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 相关文章推荐
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
Apr 27 Javascript
如何获取select下拉框的值(option没有及有value属性)
Nov 08 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
原生JS实现图片轮播与淡入效果的简单实例
Aug 21 Javascript
js实现从左向右滑动式轮播图效果
Jul 07 Javascript
简单快速的实现js计算器功能
Aug 17 Javascript
简单实现vue验证码60秒倒计时功能
Oct 11 Javascript
node.js之基础加密算法模块crypto详解
Sep 11 Javascript
Vuex的实战使用详解
Oct 31 Javascript
Vue数字输入框组件示例代码详解
Jan 15 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
Mar 09 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 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实现Socket服务器的代码
2008/04/03 PHP
php生成数组的使用示例 php全组合算法
2014/01/16 PHP
php中删除数组的第一个元素和最后一个元素的函数
2015/03/07 PHP
一文掌握PHP Xdebug 本地与远程调试(小结)
2019/04/23 PHP
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
javascript 实现简单的table排序及table操作练习
2012/12/28 Javascript
用Javascript来生成ftp脚本的小例子
2013/07/03 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
2013/12/19 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
2015/04/30 Javascript
AngularJS学习笔记之ng-options指令
2015/06/16 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
2017/02/28 Javascript
Express框架之connect-flash详解
2017/05/31 Javascript
详解vue.js之绑定class和style的示例代码
2017/08/24 Javascript
详解如何去除vue项目中的#——History模式
2017/10/13 Javascript
js自定义trim函数实现删除两端空格功能
2018/02/09 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
2018/09/01 jQuery
详解为生产环境编译Angular2应用的方法
2018/12/10 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
Python中实现对Timestamp和Datetime及UTC时间之间的转换
2015/04/08 Python
python批量爬取下载抖音视频
2019/06/17 Python
opencv3/Python 稠密光流calcOpticalFlowFarneback详解
2019/12/11 Python
检测tensorflow是否使用gpu进行计算的方式
2020/02/03 Python
推荐值得学习的12款python-web开发框架
2020/08/10 Python
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
2020/12/10 Python
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
什么是makefile? 如何编写makefile?
2012/08/08 面试题
中专生自我鉴定范文
2014/02/02 职场文书
收银员的岗位职责范本
2014/02/04 职场文书
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
《搭石》教学反思
2014/04/07 职场文书
情况说明书格式范文
2014/05/06 职场文书
保护环境建议书400字
2014/05/13 职场文书
工商干部先进事迹
2014/05/14 职场文书
2016年优秀团支部事迹材料
2016/02/26 职场文书