DWR Ext 加載數(shù)據(jù)
更新時間：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ù)為List類型
store.loadData(dataslist); //加載數(shù)據(jù)
});
3,這里的DWR只做一件事，通過匿名函數(shù)，將返回的值的List數(shù)據(jù)直接注入給store。DWR返回的data可以被JsonStore直接讀取，我們需要設置對應的fields參數(shù)，以告訴JsonReader需要哪些屬性。
4，補充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類為
復制代碼 代碼如下:
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ù)為List類型
store.loadData(dataslist); //加載數(shù)據(jù)
});
3,這里的DWR只做一件事，通過匿名函數(shù)，將返回的值的List數(shù)據(jù)直接注入給store。DWR返回的data可以被JsonStore直接讀取，我們需要設置對應的fields參數(shù)，以告訴JsonReader需要哪些屬性。
4，補充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>
相關文章
所謂布局就是指容器組件中子元素的分布、排列組合方式。Ext的所有容器組件都支持而局操作，每一個容器都會有一個對應的布局，布局負責管理容器組件中子元素的排列、組合及渲染方式等。2009-04-04
相信很多人對使用js進行客戶端的編程比較頭大，其實現(xiàn)在已經(jīng)有了很多優(yōu)秀的js庫，可以大大簡化js編程的工作量，其中，jquery和extjs就是兩款非常優(yōu)秀的js庫。2009-10-10
ExtJs 學習筆記 Ext.Panle Ext.TabPanel Ext.Viewport
ExtJs 學習筆記基礎篇 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)2008-12-12
最近在做一個項目時，項目中使用了ExtJS，有些內(nèi)容要分頁簽顯示，而出于項目要求，頁簽只能垂直分布2009-06-06
Extjs學習筆記之五 一個小細節(jié)renderTo和applyTo的區(qū)別
Extjs的組件有兩個看起來類似的配置項，applyTo和renderTo，這兩個配置項都是用來指定將該extjs組件加載到什么位置。那他們到底有什么區(qū)別呢，網(wǎng)上搜了下，有兩篇博文也是關于這個的。2010-01-01
在ExtJS4中使用mixins來實現(xiàn)多繼承，下面有個不錯的示例，感興趣的朋友可以參考下2013-12-12
extjs 3.31 TreeGrid實現(xiàn)靜態(tài)頁面加載json到TreeGrid里面
extjs 3.31 TreeGrid 我的小改動，實現(xiàn)靜態(tài)頁面加載json到TreeGrid里面2013-04-04
今天幫朋友解決了一個問題：使用ExtJs的TreePanel控件，如何得到樹的第一個葉子節(jié)點的信息。2009-10-10
Extjs組件的定義在網(wǎng)上看到了一個實例，于是拷了下來留著以后用，現(xiàn)在把它曬出來與大家一起分享，感興趣的各位可不要錯過了哈2013-06-06
Extjs的FileUploadField文件上傳出現(xiàn)了兩個上傳按鈕
Extjs的FileUploadField文件上傳在頁面中出現(xiàn)了兩個上傳按鈕，這個是和ext的本身css的樣式有關系，所以要將樣式修改下2014-04-04