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中两种链式调用实现代码
Jan 12 Javascript
js验证电话号码与手机支持+86的正则表达式
Jan 23 Javascript
jQuery 回车事件enter使用示例
Feb 18 Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 Javascript
JS简单实现多级Select联动菜单效果代码
Sep 06 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
JS之相等操作符详解
Sep 13 Javascript
纯js实现html转pdf的简单实例(推荐)
Feb 16 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
Mar 08 Javascript
如何理解Vue的v-model指令的使用方法
Jul 19 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
May 16 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
SONY SRF-M100的电路分析
2021/03/02 无线电
PHP 面向对象程序设计(oop)学习笔记(三) - 单例模式和工厂模式
2014/06/12 PHP
Zend Guard使用指南及问题处理
2015/01/07 PHP
PHP curl模拟登录带验证码的网站
2015/11/30 PHP
修改PHP脚本使WordPress拦截垃圾评论的方法示例
2015/12/10 PHP
PHPstorm快捷键(分享)
2017/07/17 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
PHP7内核之Reference详解
2019/03/14 PHP
javascript操作cookie的文章(设置,删除cookies)
2010/04/01 Javascript
jquery(live)中File input的change方法只起一次作用的解决办法
2011/10/21 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
浅析JS运动
2015/12/28 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
Vue.js动态添加、删除选题的实例代码
2016/09/30 Javascript
jquery插件bootstrapValidator数据验证详解
2016/11/09 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
js实现web调用摄像头 js截取视频画面
2019/04/21 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
2019/11/14 Javascript
Vue实现兄弟组件间的联动效果
2020/01/21 Javascript
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
2020/02/25 Javascript
Vue左滑组件slider使用详解
2020/08/21 Javascript
利用PHP实现递归删除链表元素的方法示例
2020/10/23 Javascript
python多线程threading.Lock锁用法实例
2014/11/01 Python
详解Python中的正则表达式的用法
2015/04/09 Python
Python实现通过文件路径获取文件hash值的方法
2017/04/29 Python
Python实现的手机号归属地相关信息查询功能示例
2017/06/08 Python
flask中使用蓝图将路由分开写在不同文件实例解析
2018/01/19 Python
ubuntu安装sublime3并配置python3环境的方法
2018/03/15 Python
python读取中文txt文本的方法
2018/04/12 Python
python 计算两个列表的相关系数的实现
2019/08/29 Python
使用Keras加载含有自定义层或函数的模型操作
2020/06/10 Python
python 抓取知乎指定回答下视频的方法
2020/07/09 Python
Python+OpenCV检测灯光亮点的实现方法
2020/11/02 Python
英国比较机场停车场网站:Airport Parking Essentials
2019/12/01 全球购物
严以修身专题学习研讨会发言材料
2015/11/09 职场文书
Java实现带图形界面的聊天程序
2022/06/10 Java/Android