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 相关文章推荐
createElement动态创建HTML对象脚本代码
Nov 24 Javascript
JQUERY设置IFRAME的SRC值的代码
Nov 30 Javascript
IE6 fixed的完美解决方案
Mar 31 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
Apr 07 Javascript
JavaScript数组前面插入元素的方法
Apr 06 Javascript
JS对象是否拥有某属性如何判断
Feb 03 Javascript
原生js实现日期计算器功能
Feb 17 Javascript
JS动态修改网页body的背景色实例代码
Oct 07 Javascript
vue的mixins属性详解
Mar 14 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
Jul 06 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 和 COM
2006/10/09 PHP
Yii框架调试心得--在页面输出执行sql语句
2014/12/25 PHP
php内嵌函数用法实例
2015/03/20 PHP
WordPress中邮件的一些修改和自定义技巧
2015/12/15 PHP
PHP文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
读jQuery之九 一些瑕疵说明
2011/06/21 Javascript
日期处理的js库(迷你版)--自建js库总结
2011/11/21 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
2012/12/25 Javascript
js实现一个省市区三级联动选择框代码分享
2013/03/06 Javascript
ie9 提示'console' 未定义问题的解决方法
2014/03/20 Javascript
JavaScript的作用域和块级作用域概念理解
2014/09/21 Javascript
javascript中AJAX用法实例分析
2015/01/30 Javascript
coffeescript使用的方式汇总
2015/08/05 Javascript
js实现Select头像选择实时预览代码
2015/08/17 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
2017/08/14 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
详解vue-cli之webpack3构建全面提速优化
2017/12/25 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
Python实现将Excel转换为json的方法示例
2017/08/05 Python
python中的逆序遍历实例
2019/12/25 Python
pyqt5中动画的使用详解
2020/04/01 Python
基于SQLAlchemy实现操作MySQL并执行原生sql语句
2020/06/10 Python
Python 代码调试技巧示例代码
2020/08/11 Python
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
毕业自我鉴定范文
2013/11/06 职场文书
普罗米修斯教学反思
2014/02/06 职场文书
关于元旦的广播稿
2014/02/16 职场文书
施工协议书范本
2014/04/22 职场文书
环保倡议书50字
2014/05/15 职场文书
优秀学生党员先进事迹材料
2014/05/29 职场文书
专题组织生活会发言材料
2014/10/17 职场文书
英文商务邀请函范文
2015/01/31 职场文书
小学运动会开幕词
2016/03/04 职场文书
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python
openstack云计算keystone组件工作介绍
2022/04/20 Servers