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 文件大小判断的实现代码
Apr 07 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
AngularJs表单验证实例代码解析
Nov 29 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 jQuery
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
详解Axios统一错误处理与后置
Sep 26 Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 Javascript
JS通用方法触发点击事件代码实例
Feb 17 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
Apr 15 Javascript
微信小程序之高德地图多点路线规划过程示例详解
Jan 18 Javascript
node中短信api实现验证码登录的示例代码
Jan 20 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 全文搜索和替换的实现代码
2008/07/29 PHP
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
2010/03/14 Javascript
dotopAlert 提示用户需安装播放器的代码
2012/09/17 Javascript
Google Dart编程语法和基本类型学习教程
2013/11/27 Javascript
js setTimeout()函数介绍及应用以倒计时为例
2013/12/12 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
2021/02/25 Javascript
AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析
2017/01/19 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
JavaScript引用类型Date常见用法实例分析
2018/08/08 Javascript
在vue中使用vue-echarts-v3的实例代码
2018/09/13 Javascript
微信小程序开发之路由切换页面重定向问题
2018/09/18 Javascript
vue不操作dom实现图片轮播的示例代码
2019/12/18 Javascript
Vue 组件的挂载与父子组件的传值实例
2020/09/02 Javascript
JSONObject与JSONArray使用方法解析
2020/09/28 Javascript
vue2和vue3的v-if与v-for优先级对比学习
2020/10/10 Javascript
解决新建一个vue项目过程中遇到的问题
2020/10/22 Javascript
[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder
2018/08/11 DOTA
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
Python3爬虫使用Fidder实现APP爬取示例
2018/11/27 Python
Python输出\u编码将其转换成中文的实例
2018/12/15 Python
django解决订单并发问题【推荐】
2019/07/31 Python
Python生成器实现简单&quot;生产者消费者&quot;模型代码实例
2020/03/27 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
埃弗顿足球俱乐部官方网上商店:Everton Direct
2018/01/13 全球购物
国际象棋商店:The Chess Store
2018/07/09 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
高中军训感言800字
2014/03/05 职场文书
农民工工资承诺书范文
2014/03/31 职场文书
计算机软件专业求职信
2014/06/10 职场文书
爱牙日活动总结
2014/08/29 职场文书
争先创优心得体会
2014/09/12 职场文书
2015年医药代表工作总结
2015/04/25 职场文书
2016年公司新年寄语
2015/08/17 职场文书