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 相关文章推荐
jQuery easyui datagrid动态查询数据实例讲解
Feb 26 Javascript
javaScript(JS)替换节点实现思路介绍
Apr 17 Javascript
javascript如何动态加载表格与动态添加表格行
Nov 27 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
jQuery带箭头提示框tooltips插件集锦
Nov 17 Javascript
javascript中类的定义方式详解(四种方式)
Dec 22 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
Node.js 基础教程之全局对象
Aug 06 Javascript
前端axios下载excel文件(二进制)的处理方法
Jul 31 Javascript
默认浏览器设置及vue自动打开页面的方法
Sep 21 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
Aug 03 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数组操作汇总 php数组的使用技巧
2011/07/17 PHP
php生成静态页面的简单示例
2014/04/17 PHP
PHP生成短网址的3种方法代码实例
2014/07/08 PHP
php程序总是提示验证码输入有误解决方案
2015/01/07 PHP
php使用GD实现颜色渐变实例
2015/06/02 PHP
JQuery动态给table添加、删除行 改进版
2011/01/19 Javascript
jquery tab插件精简版分享
2011/09/10 Javascript
关于Jquery操作Cookie取值错误的解决方法
2013/08/26 Javascript
JavaScript图片放大技术(放大镜)实现代码分享
2013/11/14 Javascript
使用jquery实现以post打开新窗口
2014/03/19 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
jQuery实现切换页面过渡动画效果
2015/10/29 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
js最简单的双向绑定实例讲解
2018/01/02 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
2020/07/27 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
Python实现抓取百度搜索结果页的网站标题信息
2015/01/22 Python
python3 shelve模块的详解
2017/07/08 Python
在Python中获取两数相除的商和余数方法
2018/11/10 Python
Python list与NumPy array 区分详解
2019/11/06 Python
Python上下文管理器类和上下文管理器装饰器contextmanager用法实例分析
2019/11/07 Python
Pandas DataFrame求差集的示例代码
2020/12/13 Python
印度尼西亚在线时尚购物网站:ZALORA印尼
2016/08/02 全球购物
澳大利亚百货商店中销量第一的商务衬衫品牌:Van Heusen
2018/07/26 全球购物
linux面试相关问题
2013/04/28 面试题
会计专业个人求职信范文
2014/01/08 职场文书
水利水电专业自荐信
2014/07/08 职场文书
第二批党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
公安机关纪律作风整顿个人剖析材料材料
2014/10/10 职场文书
避暑山庄导游词
2015/02/04 职场文书
意外事故赔偿协议书
2016/03/22 职场文书
python基于OpenCV模板匹配识别图片中的数字
2021/03/31 Python
pytorch分类模型绘制混淆矩阵以及可视化详解
2022/04/07 Python
Mysql的Table doesn't exist问题及解决
2022/12/24 MySQL