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 轻松支持函数重载 (Part 1 - 设计)
Aug 04 Javascript
js形成页面的一种遮罩效果实例代码
Jan 04 Javascript
JavaScript中对JSON对象的基本操作示例
May 21 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
Mar 30 Javascript
JS实现动态添加DOM节点和事件的方法示例
Apr 28 Javascript
vue elementUI tree树形控件获取父节点ID的实例
Sep 12 Javascript
基于JavaScript canvas绘制贝塞尔曲线
Dec 25 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
Apr 09 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
Jun 11 Javascript
关于layui表单中按钮自动提交的解决方法
Sep 09 Javascript
详解vue中使用transition和animation的实例代码
Dec 12 Vue.js
vue前端工程的搭建
Mar 31 Vue.js
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代码
2008/09/10 PHP
PHP 采集获取指定网址的内容
2010/01/05 PHP
php+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
PHP单文件上传原理及上传函数的封装操作示例
2019/09/02 PHP
javascript移出节点removeChild()使用介绍
2014/04/03 Javascript
d3.js中冷门却实用的内置函数总结
2017/02/04 Javascript
js a标签点击事件
2017/03/30 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
2017/06/11 Javascript
JS实现520 表白简单代码
2018/05/21 Javascript
webpack优化的深入理解
2018/12/10 Javascript
在微信小程序中使用vant的方法
2019/06/07 Javascript
JS判断数组四种实现方法详解
2020/06/29 Javascript
three.js 如何制作魔方
2020/07/31 Javascript
解决vue+elementui项目打包后样式变化问题
2020/08/03 Javascript
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
Django中处理出错页面的方法
2015/07/15 Python
Python编程实现使用线性回归预测数据
2017/12/07 Python
python2.7 json 转换日期的处理的示例
2018/03/07 Python
Django如何使用第三方服务发送电子邮件
2019/08/14 Python
pytorch forward两个参数实例
2020/01/17 Python
django使用graphql的实例
2020/09/02 Python
利用python如何实现猫捉老鼠小游戏
2020/12/04 Python
css3实现二维码扫描特效的示例
2020/10/29 HTML / CSS
HTML5 实现图片上传预处理功能
2020/02/06 HTML / CSS
家长对孩子的评语
2014/04/18 职场文书
技校毕业生自荐信
2014/06/03 职场文书
“向国旗敬礼”活动策划方案(4篇)
2014/09/27 职场文书
报到证办理个人委托书
2014/10/06 职场文书
2014年保洁工作总结
2014/11/24 职场文书
2014年房产销售工作总结
2014/12/08 职场文书
作弊检讨书范文
2015/05/06 职场文书
名人传读书笔记
2015/06/26 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
2016年社区服务活动总结
2016/04/06 职场文书
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript
用Python提取PDF表格的方法
2021/04/11 Python