收藏本站 收藏本站
積木網首頁 - 軟件測試 - 常用手冊 - 站長工具 - 技術社區
首頁 > JavaScript > extjs > 正文

首頁 - PHP - 數據庫 - 操作系統 - 游戲開發 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell編程 - DOS命令 - jQuery - CSS樣式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

DWR Ext 加載數據

一,在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>

一個tab標簽切換效果代碼
HTML:divclass="tab"divid="tabsK"ulid="menu4"lionclick="settab(4,0)"class="hover"atitle="最新更新"span最新更新/span/a/lilionclick="settab(4,1)"atitle="企業新聞"span企業新聞/span/a/lilio

Extjs Ajax 亂碼問題解決方案
在一次頁面瀏覽過程中,客戶端對一個URL發起瀏覽請求,服務端針對這次請求進行解析,而在字符編碼解析方面,首先他檢查該頁面中的字符編碼設置

ExtJS 2.0實用簡明教程 之Border區域布局
該布局把容器分成東南西北中五個區域,分別由east,south,west,north,cente來表示,在往容器中添加子元素的時候,我們只需要指定這些子元素所在的位置

本周排行

更新排行

強悍的草根IT技術社區,這里應該有您想要的! 友情鏈接:b2b電子商務
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP備05050695號
捕鱼大师辅助软件 河北福彩20选5一等奖多少钱 河南22选五今天开奖公告 云南十一选五专家预测推荐 吉林快3开奖结果查询一定牛 最好的股票分析软件排行榜 股票要怎么玩 平股指期货配资 贵州快3开奖结果 北京时时乐餐厅菜单官网 黑龙江36选7开奖视频 上海快三实时开奖记录 乐山电力股票行情 辽宁12选5走势图表 七星彩新规律图 青海11选5前3组选走势图 青海十一选五开奖走势一定牛