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 相关文章推荐
动态创建的表格单元格中的事件实现代码
Dec 30 Javascript
Firefox outerHTML实现代码
Jun 04 Javascript
javascript实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
JavaScript简单实现网页回到顶部功能
Nov 12 Javascript
JS获取当前日期和时间的简单实例
Nov 19 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
Nov 20 Javascript
javascript中setTimeout和setInterval的unref()和ref()用法示例
Nov 26 Javascript
Javascript中实现trim()函数的两种方法
Feb 04 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
Aug 07 Javascript
Easyui 之 Treegrid 笔记
Apr 29 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
Nov 14 Javascript
js中数组常用方法总结(推荐)
Apr 09 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编写PDF文档生成器
2006/10/09 PHP
PHP生成网页快照 不用COM不用扩展.
2010/02/11 PHP
解决nginx不支持thinkphp中pathinfo的问题
2015/07/21 PHP
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
jquery 简单图片导航插件jquery.imgNav.js
2010/03/17 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
jquery判断元素是否隐藏的多种方法
2014/05/06 Javascript
javascript制作的cookie封装及使用指南
2015/01/02 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
2016/11/04 Javascript
Javascrip实现文字跳动特效
2016/11/27 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
Vue 表单控件绑定的实现示例
2017/08/11 Javascript
实例详解JSON取值(key是中文或者数字)方式
2017/08/24 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
详解微信小程序调起键盘性能优化
2018/07/24 Javascript
详解Vue前端对axios的封装和使用
2019/04/01 Javascript
ES6 Generator函数的应用实例分析
2019/06/26 Javascript
JS的时间格式化和时间戳转换函数示例详解
2020/07/27 Javascript
[01:14:31]Secret vs VG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python发布模块的步骤分享
2014/02/21 Python
使用wxpython实现的一个简单图片浏览器实例
2014/07/10 Python
python调用java模块SmartXLS和jpype修改excel文件的方法
2015/04/28 Python
用python爬取租房网站信息的代码
2018/12/14 Python
django迁移数据库错误问题解决
2019/07/29 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
Python可以实现栈的结构吗
2020/05/27 Python
2014年计划生育协会工作总结
2014/11/14 职场文书
2015年感恩节演讲稿(优选篇)
2015/03/20 职场文书
2016党员干部政治学习心得体会
2016/01/23 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android
PHP使用QR Code生成二维码实例
2021/07/07 PHP
vue如何在data中引入图片的正确路径
2022/06/05 Vue.js