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时间选择器 兼容IE6,7,8,9
Jun 26 Javascript
JavaScript实现x秒后自动跳转到一个页面
Jan 03 Javascript
js中parseInt函数浅谈
Jul 31 Javascript
各种页面定时跳转(倒计时跳转)代码总结
Oct 24 Javascript
JQuery遍历json数组的3种方法
Nov 08 Javascript
基于jquery插件实现拖拽删除图片功能
Aug 27 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
基于Two.js实现星球环绕动画效果的示例
Nov 06 Javascript
vue2中使用less简易教程
Mar 27 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
微信小程序自定义tabBar在uni-app的适配详解
Sep 30 Javascript
OpenLayer3自定义测量控件MeasureTool
Sep 28 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 mongodb扩展时 需要注意的事项
2013/06/18 PHP
php组合排序简单实现方法
2016/10/15 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
JavaScript-世界上误解最深的语言分析
2007/08/12 Javascript
javascript 弹出层组件(升级版)
2011/05/12 Javascript
javascript学习笔记(二十) 获得和设置元素的特性(属性)
2012/06/20 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
基于jQuery选择器的整理集合
2013/04/26 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
2014/08/16 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
2015/08/30 Javascript
jqTransform美化表单
2015/10/10 Javascript
常用的Javascript设计模式小结
2015/12/09 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题
2018/01/25 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
2018/01/26 Javascript
JavaScript日期工具类DateUtils定义与用法示例
2018/09/03 Javascript
简单通过settimeout看javascript的运行机制
2019/05/10 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
JavaScript实现电灯开关小案例
2020/03/30 Javascript
Python高级应用实例对比:高效计算大文件中的最长行的长度
2014/06/08 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
python Matplotlib画图之调整字体大小的示例
2017/11/20 Python
Django添加KindEditor富文本编辑器的使用
2018/10/24 Python
python和php哪个更适合写爬虫
2020/06/22 Python
html5+svg学习指南之SVG基础知识
2014/12/17 HTML / CSS
家乐福台湾线上购物网:Carrefour台湾
2020/09/15 全球购物
文体活动实施方案
2014/03/27 职场文书
团结演讲稿范文
2014/05/23 职场文书
大专生自荐书范文
2014/06/22 职场文书
2016银行求职自荐信
2016/01/28 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
SpringBoot整合RabbitMQ的5种模式实战
2021/08/02 Java/Android