DWR Ext 加載數(shù)據(jù)
更新時(shí)間：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，那么直接調(diào)用DWR取得數(shù)據(jù)為（dwr.xml代碼參考后面）
var store = new Ext.data.Store({
//data:... 這里有DWR調(diào)用直接得到
reader:new Ext.data.JsonReader({id:"sn"},fields), //List數(shù)據(jù)
sortInfo:{field:'name', direction:'ASC'}// 排序信息
});
//DWR+EXT整合的句子， store.loadData(dataslist);加載數(shù)據(jù)
//data返回的是PageModel類，屬性為total,datas(List數(shù)據(jù)類型)
//這里不用建立函數(shù)，直接執(zhí)行
JCustomerManager.allCustomers(function(data) {
var total = data.total;
var dataslist=data.datas; //數(shù)據(jù)為L(zhǎng)ist類型
store.loadData(dataslist); //加載數(shù)據(jù)
});
3,這里的DWR只做一件事，通過匿名函數(shù)，將返回的值的List數(shù)據(jù)直接注入給store。DWR返回的data可以被JsonStore直接讀取，我們需要設(shè)置對(duì)應(yīng)的fields參數(shù)，以告訴JsonReader需要哪些屬性。
4，補(bǔ)充dwr.xml代碼
<dwr>
<allow>
<!-- dwr+spring 注入方式-->
<create creator="spring" javascript="JCustomerManager">
<param name="beanName" value="customerManager"/>
</create>
<!-- 使用到的類要用到轉(zhuǎn)換器-->
<convert match="com.graduate.crm.PageModel" converter="bean"></convert>
<convert match="com.graduate.crm.model.CompanyCustomer" converter="bean"></convert>
</allow>
</dwr>
1，PoJO的Manager類為
復(fù)制代碼 代碼如下:
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，那么直接調(diào)用DWR取得數(shù)據(jù)為（dwr.xml代碼參考后面）
復(fù)制代碼 代碼如下:
var store = new Ext.data.Store({
//data:... 這里有DWR調(diào)用直接得到
reader:new Ext.data.JsonReader({id:"sn"},fields), //List數(shù)據(jù)
sortInfo:{field:'name', direction:'ASC'}// 排序信息
});
//DWR+EXT整合的句子， store.loadData(dataslist);加載數(shù)據(jù)
//data返回的是PageModel類，屬性為total,datas(List數(shù)據(jù)類型)
//這里不用建立函數(shù)，直接執(zhí)行
JCustomerManager.allCustomers(function(data) {
var total = data.total;
var dataslist=data.datas; //數(shù)據(jù)為L(zhǎng)ist類型
store.loadData(dataslist); //加載數(shù)據(jù)
});
3,這里的DWR只做一件事，通過匿名函數(shù)，將返回的值的List數(shù)據(jù)直接注入給store。DWR返回的data可以被JsonStore直接讀取，我們需要設(shè)置對(duì)應(yīng)的fields參數(shù)，以告訴JsonReader需要哪些屬性。
4，補(bǔ)充dwr.xml代碼
復(fù)制代碼 代碼如下:
<dwr>
<allow>
<!-- dwr+spring 注入方式-->
<create creator="spring" javascript="JCustomerManager">
<param name="beanName" value="customerManager"/>
</create>
<!-- 使用到的類要用到轉(zhuǎn)換器-->
<convert match="com.graduate.crm.PageModel" converter="bean"></convert>
<convert match="com.graduate.crm.model.CompanyCustomer" converter="bean"></convert>
</allow>
</dwr>
相關(guān)文章
ExtJS 2.0 實(shí)用簡(jiǎn)明教程之布局概述
所謂布局就是指容器組件中子元素的分布、排列組合方式。Ext的所有容器組件都支持而局操作，每一個(gè)容器都會(huì)有一個(gè)對(duì)應(yīng)的布局，布局負(fù)責(zé)管理容器組件中子元素的排列、組合及渲染方式等。2009-04-04
extjs 學(xué)習(xí)筆記（一） 一些基礎(chǔ)知識(shí)
相信很多人對(duì)使用js進(jìn)行客戶端的編程比較頭大，其實(shí)現(xiàn)在已經(jīng)有了很多優(yōu)秀的js庫，可以大大簡(jiǎn)化js編程的工作量，其中，jquery和extjs就是兩款非常優(yōu)秀的js庫。2009-10-10
ExtJs 學(xué)習(xí)筆記 Ext.Panle Ext.TabPanel Ext.Viewport
ExtJs 學(xué)習(xí)筆記基礎(chǔ)篇 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)2008-12-12
ExtJS擴(kuò)展 垂直tabLayout實(shí)現(xiàn)代碼
最近在做一個(gè)項(xiàng)目時(shí)，項(xiàng)目中使用了ExtJS，有些內(nèi)容要分頁簽顯示，而出于項(xiàng)目要求，頁簽只能垂直分布2009-06-06
Extjs學(xué)習(xí)筆記之五 一個(gè)小細(xì)節(jié)renderTo和applyTo的區(qū)別
Extjs的組件有兩個(gè)看起來類似的配置項(xiàng)，applyTo和renderTo，這兩個(gè)配置項(xiàng)都是用來指定將該extjs組件加載到什么位置。那他們到底有什么區(qū)別呢，網(wǎng)上搜了下，有兩篇博文也是關(guān)于這個(gè)的。2010-01-01
ExtJS4中使用mixins實(shí)現(xiàn)多繼承示例
在ExtJS4中使用mixins來實(shí)現(xiàn)多繼承，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
extjs 3.31 TreeGrid實(shí)現(xiàn)靜態(tài)頁面加載json到TreeGrid里面
extjs 3.31 TreeGrid 我的小改動(dòng)，實(shí)現(xiàn)靜態(tài)頁面加載json到TreeGrid里面2013-04-04
層序遍歷在ExtJs的TreePanel中的應(yīng)用
今天幫朋友解決了一個(gè)問題：使用ExtJs的TreePanel控件，如何得到樹的第一個(gè)葉子節(jié)點(diǎn)的信息。2009-10-10
Extjs組件的定義在網(wǎng)上看到了一個(gè)實(shí)例，于是拷了下來留著以后用，現(xiàn)在把它曬出來與大家一起分享，感興趣的各位可不要錯(cuò)過了哈2013-06-06
Extjs的FileUploadField文件上傳出現(xiàn)了兩個(gè)上傳按鈕
Extjs的FileUploadField文件上傳在頁面中出現(xiàn)了兩個(gè)上傳按鈕，這個(gè)是和ext的本身css的樣式有關(guān)系，所以要將樣式修改下2014-04-04