ext整合DWR小例子.docx
《ext整合DWR小例子.docx》由会员分享,可在线阅读,更多相关《ext整合DWR小例子.docx(10页珍藏版)》请在冰豆网上搜索。
ext整合DWR小例子
第一步:
写个index.jsp页面。
<%@pagecontentType="text/html;charset=utf-8"%>
dwr与ext整合
dwr与ext整合
- 无侵入式整合dwr和ext
- DWRProxy
- DWRTreeLoader
- DWRProxy和Combobox
第二步:
分别写出1、2、3、4.jsp.
1.jsp
<%@pagecontentType="text/html;charset=utf-8"%>
<%
Stringctx=request.getContextPath();
//Stringext=ctx+"/ext-3.0.0";
pageContext.setAttribute("ctx",ctx);
//pageContext.setAttribute("ext",ext);
%>
无侵入式整合dwr和ext
Ext.BLANK_IMAGE_URL='${ext}/resources/images/default/s.gif';
Ext.onReady(function(){
varcm=newExt.grid.ColumnModel([
{header:
'编号',dataIndex:
'id'},
{header:
'名称',dataIndex:
'name'},
{header:
'性别',dataIndex:
'sex'},
{header:
'邮箱',dataIndex:
'email'},
{header:
'电话',dataIndex:
'tel'},
{header:
'添加时间',dataIndex:
'addTime'},
{header:
'备注',dataIndex:
'descn'}
]);
varstore=newExt.data.JsonStore({
fields:
["id","name","sex",'email','tel','addTime','descn']
});
//调用dwr取得数据
infoManager.getResult(function(data){
store.loadData(data);
});
vargrid=newExt.grid.GridPanel({
renderTo:
'grid',
autoHeight:
true,
store:
store,
cm:
cm
});
});
无侵入式整合dwr和ext
返回
300px;">