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实现非常简单实用的下拉菜单效果
Aug 27 Javascript
jquery实现表单验证简单实例演示
Nov 23 Javascript
使用bootstrap3开发响应式网站
May 12 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
Mar 06 Javascript
xmlplus组件设计系列之树(Tree)(9)
May 02 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
vue+iview+less 实现换肤功能
Aug 17 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
Dec 06 Javascript
微信打开网址添加在浏览器中打开提示的办法
May 20 Javascript
js 实现ajax发送步骤过程详解
Jul 25 Javascript
解决layui checkbox 提交多个值的问题
Sep 02 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截取汉字乱码问题解决方法mb_substr函数的应用
2008/03/30 PHP
php专用数组排序类ArraySortUtil用法实例
2015/04/03 PHP
Node.js生成HttpStatusCode辅助类发布到npm
2013/04/09 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
2014/02/10 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
2017/05/02 Javascript
微信小程序删除处理详解
2017/08/16 Javascript
JS实现验证码倒计时的注册页面
2018/01/02 Javascript
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
2019/04/11 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
webpack DllPlugin xxx is not defined解决办法
2019/12/13 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
2020/02/24 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
Python 调用DLL操作抄表机
2009/01/12 Python
Python中使用 Selenium 实现网页截图实例
2014/07/18 Python
Python实现Linux命令xxd -i功能
2016/03/06 Python
python爬虫框架talonspider简单介绍
2017/06/09 Python
对pandas写入读取h5文件的方法详解
2018/12/28 Python
python对于requests的封装方法详解
2019/01/03 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
如何基于Python按行合并两个txt
2020/11/03 Python
html5+css3之制作header实例与更新
2020/12/21 HTML / CSS
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
一份Java笔试题
2012/02/21 面试题
请编程遍历页面上所有 TextBox 控件并给它赋值为 string.Empty
2015/12/03 面试题
Internet主要有哪些网络群组成
2015/12/24 面试题
公司员工的自我评价范例
2013/11/01 职场文书
优秀的导游求职信范文
2014/04/06 职场文书
护士工作失误检讨书
2014/09/14 职场文书
2014年民主评议党员个人总结
2014/09/24 职场文书
2014年企业党支部工作总结
2014/12/04 职场文书
JS新手入门数组处理的实用方法汇总
2021/04/07 Javascript
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA