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 Firefox与IE 替换节点的方法
Feb 24 Javascript
javascript 隔行换色函数代码
Oct 24 Javascript
javascript动态加载二
Aug 22 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
Nov 19 Javascript
JavaScript将Web页面内容导出到Word及Excel的方法
Feb 13 Javascript
简单介绍JavaScript中字符串创建的基本方法
Jul 07 Javascript
详谈DOM简介及节点、属性、查找节点的方法
Nov 16 Javascript
对 Vue-Router 进行单元测试的方法
Nov 05 Javascript
中高级前端必须了解的JS中的内存管理(推荐)
Jul 04 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
Sep 10 Javascript
swiper实现异形轮播效果
Nov 28 Javascript
d3.js实现图形拖拽
Dec 19 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
BBS(php &amp; mysql)完整版(七)
2006/10/09 PHP
php设计模式 FlyWeight (享元模式)
2011/06/26 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
PHP简单日历实现方法
2016/07/20 PHP
用PHP去掉文件头的Unicode签名(BOM)方法
2017/06/22 PHP
浅谈PHP进程管理
2019/03/08 PHP
JavaScript去除数组里重复值的方法
2015/07/13 Javascript
Javascript控制div属性动态变化实例分析
2015/10/08 Javascript
location.hash保存页面状态的技巧
2016/04/28 Javascript
JS实现倒计时(天数、时、分、秒)
2016/11/16 Javascript
JavaScript变量作用域_动力节点Java学院整理
2017/06/27 Javascript
js传递数组参数到后台controller的方法
2018/03/29 Javascript
layui实现数据表格自定义数据项
2019/10/26 Javascript
Javascript作用域和作用域链原理解析
2020/03/03 Javascript
vue tab切换,解决echartst图表宽度只有100px的问题
2020/07/19 Javascript
[01:33]真香警告!DOTA2勇士令状不朽珍藏Ⅱ饰品欣赏
2018/06/26 DOTA
python简单的函数定义和用法实例
2015/05/07 Python
Python实现截屏的函数
2015/07/25 Python
Python的SQLalchemy模块连接与操作MySQL的基础示例
2016/07/11 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
Python中将dataframe转换为字典的实例
2018/04/13 Python
python检索特定内容的文本文件实例
2018/06/05 Python
微信小程序python用户认证的实现
2019/07/29 Python
Python网页解析器使用实例详解
2020/05/30 Python
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
在数据文件自动增长时,自动增长是否会阻塞对文件的更新
2014/05/01 面试题
介绍一下Ruby的多线程处理
2013/02/01 面试题
装潢设计专业推荐信模板
2013/11/26 职场文书
建筑装饰学院室内设计专业个人自我评价
2013/12/07 职场文书
开工仪式主持词
2014/03/20 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
学生穿着不得体检讨书
2014/10/12 职场文书
期末复习计划
2015/01/19 职场文书
年度考核登记表个人总结
2015/03/06 职场文书
国际贸易实训总结
2015/08/03 职场文书
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android