DWR Ext 加载数据
更新时间：2009年03月22日 00:51:01 作者：
在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>
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>
相关文章
extjs实现的分页，使用jsp传递数据，具体实现过程如下，需要的朋友莫错过2014-07-07
一般定义方式注意方法和函数的添加方式不同，具体定义步骤如下，感兴趣的朋友可以参考下哈，感兴趣的朋友可以了解下哈2013-06-06
根据我在论坛上的观察，xtype用起来的时候疑惑会比较多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我决定阐述一下这个xtype的概念。2010-01-01
这篇文章主要为大家详细介绍了ExtJS 4.2 Grid组件的单元格合并,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
其实这一个总是很容易解决，只要在Ext.onReady()方法之前（或者方法的第一句）加上下面这一句代码就解决了！2010-12-12
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
本教程将详细介绍下设置Ext.data.Store传参的请求方式;亮点，设置请求方式,默认为GET，感兴趣的朋友可以参考下哈2013-04-04
很多时候，我们需要显示在grid中的数据不是短短的几条或者几十条，而是成千上万条。如果让大量的数据一股脑全都显示在一个页面中，可以想象会造成什么样的用户体验。2009-10-10
Extjs是从yui-ext发展来的一套ajax控件，是一套完整的富客户端解决方案，也因为功能完整，ext-all.js有400多k（最新的extjs3.2.0 有600多k），以为是基于js和css的功能实现，对客户端机器性能也有一定的要求，比如对ie6以下版本的不支持。2010-04-04
Grid设置为autoWidth:true时在ie6下宽度为10000px2009-02-02
extjs实现选择多表自定义查询功能 前台部分(ext源码)
extjs实现选择多表自定义查询功能 前台部分(ext源码) ，需要的朋友可以参考下。2011-12-12
最新评论