当前位置: 首页 > 图文教程 > 网络编程 > Javascript > DWR Ext 加载数据

Javascript
JGrid中拖动改变列宽的脚本 原型
javascript 兼容FF的onmouseenter和onmouseleave的代码
js树形控件脚本代码
javascript+xml技术实现分页浏览
js可拖动的后台界面
javascript 单选框,多选框美化代码
javascript之可拖动的iframe效果代码
js 文本框里粘贴一个图片url并显示
JavaScript国旗变换效果代码
jquery之Document元素选择器篇
开发跨浏览器的JavaScript方法说明
javascript过滤危险脚本方法
JQUERY THICKBOX弹出层插件
IE浏览器PNG图片透明效果代码
多浏览器兼容的动态加载 JavaScript 与 CSS
javascript实现的仿腾讯QQ窗口抖动效果代码
SyntaxHighlighter代码加色使用方法
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
利用Ext Js生成动态树实例代码
javascript批量检查当图片不存在时则显示默认图片的代码

Javascript 中的 DWR Ext 加载数据


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 500 ::
收藏到网摘: n/a

在Ext中直接使用DWR 一,在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>