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 树形递归实例代码
May 18 Javascript
Jquery调用webService远程访问出错的解决方法
May 21 Javascript
前台js改变Session的值(用ajax实现)
Dec 28 Javascript
收集json解析的四种方法分享
Jan 17 Javascript
JavaScript实现简单的拖动效果
Jul 02 Javascript
jQuery实现的模拟弹出窗口功能示例
Nov 24 Javascript
angular分页指令操作
Jan 09 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
jQuery阻止移动端遮罩层后页面滚动
Mar 15 Javascript
JavaScript 判断iPhone X Series机型的方法
Jan 28 Javascript
vue单页面在微信下只能分享落地页的解决方案
Apr 15 Javascript
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
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新手上路(七)
2006/10/09 PHP
ThinkPHP写第一个模块应用
2012/02/20 PHP
php运行提示:Fatal error Allowed memory size内存不足的解决方法
2014/12/17 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
JS小功能(onmouseover实现选择月份)实例代码
2013/11/28 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
2014/02/12 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
2015/03/04 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
2016/05/10 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
2017/05/11 Javascript
使用veloticy-ui生成文字动画效果
2018/02/08 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
2019/06/12 Javascript
微信小程序实现一个简单swiper代码实例
2019/12/30 Javascript
js实现QQ邮箱邮件拖拽删除功能
2020/08/27 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
2020/08/30 Javascript
浅谈JavaScript 声明提升
2020/09/14 Javascript
python使用正则表达式分析网页中的图片并进行替换的方法
2015/03/26 Python
python实现图书馆研习室自动预约功能
2018/04/27 Python
使用Python来开发微信功能
2018/06/13 Python
Python中的asyncio代码详解
2019/06/10 Python
numpy和pandas中数组的合并、拉直和重塑实例
2019/06/28 Python
pycharm设置鼠标悬停查看方法设置
2019/07/29 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
python解包概念及实例
2021/02/17 Python
Html5应用程序缓存(Cache manifest)
2018/06/04 HTML / CSS
static关键字的用法
2013/10/07 面试题
会计实习期自我鉴定
2013/10/06 职场文书
职业生涯规划设计步骤
2014/01/12 职场文书
初一地理教学反思
2014/01/16 职场文书
客服部工作职责范本
2014/02/14 职场文书
《争吵》教学反思
2014/02/15 职场文书
加入学生会演讲稿
2014/04/24 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL