ext整合DWR小例子.docx

上传人:b****4 文档编号:3443154 上传时间:2022-11-23 格式:DOCX 页数:10 大小:17.15KB
下载 相关 举报
ext整合DWR小例子.docx_第1页
第1页 / 共10页
ext整合DWR小例子.docx_第2页
第2页 / 共10页
ext整合DWR小例子.docx_第3页
第3页 / 共10页
ext整合DWR小例子.docx_第4页
第4页 / 共10页
ext整合DWR小例子.docx_第5页
第5页 / 共10页
点击查看更多>>
下载资源
资源描述

ext整合DWR小例子.docx

《ext整合DWR小例子.docx》由会员分享,可在线阅读,更多相关《ext整合DWR小例子.docx(10页珍藏版)》请在冰豆网上搜索。

ext整合DWR小例子.docx

ext整合DWR小例子

第一步:

写个index.jsp页面。

<%@pagecontentType="text/html;charset=utf-8"%>

   

       

       dwr与ext整合

   

   

       

dwr与ext整合

       


       

               

  1. 无侵入式整合dwr和ext
  2.            

  3. DWRProxy
  4.            

  5. DWRTreeLoader
  6.            

  7. DWRProxy和Combobox
  8.        

   

 

 

第二步:

分别写出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;">

   

 

 

2.jsp

<%@pagecontentType="text/html;charset=utf-8"%>

<%

   Stringctx=request.getContextPath();

   //Stringext=ctx+"/ext-3.0.0";

   pageContext.setAttribute("ctx",ctx);

   //pageContext.setAttribute("ext",ext);

%>

   

       

       DWRProxy

       

       

       

       

       

       

       

       

Ext.BLANK_IMAGE_URL='${ext}/resources/images/default/s.gif';

Ext.onReady(function(){

   varinfo=Ext.data.Record.create([

       {name:

'id',type:

'int'},

       {name:

'name',type:

'string'},

       {name:

'sex',type:

'int'},

       {name:

'email',type:

'string'},

       {name:

'tel',type:

'string'},

       {name:

'addTime'},

       {name:

'descn',type:

'string'}

   ]);

   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.Store({

       proxy:

newExt.data.DWRProxy(infoManager.getItems,true),

       reader:

newExt.data.ListRangeReader({

           totalProperty:

'totalSize',

           root:

'data',

           id:

'id'

       },info),

       remoteSort:

true

   });

   vargrid=newExt.grid.GridPanel({

       renderTo:

'grid',

       //autoHeight:

true,

       height:

500,

       store:

store,

       cm:

cm,

       bbar:

newExt.PagingToolbar({

           pageSize:

10,

           store:

store,

           displayInfo:

true,

           displayMsg:

'显示第{0}条到{1}条记录,一共{2}条',

           emptyMsg:

"没有记录"

       })

   });

   store.load({params:

{start:

0,limit:

10}});

});

       

   

   

       

DWRProxy

       返回

       


       

300px;">

   

 

3.jsp

<%@pagecontentType="text/html;charset=utf-8"%>

<%

   Stringctx=request.getContextPath();

   //Stringext=ctx+"/ext-3.0.0";

   pageContext.setAttribute("ctx",ctx);

   //pageContext.setAttribute("ext",ext);

%>

   

       

       DWRTreeLoader

       

       

       

       

       

       

       

       

Ext.BLANK_IMAGE_URL='${ext}/resources/images/default/s.gif';

Ext.onReady(function(){

   vartree=newExt.tree.TreePanel({

       el:

'tree',

       loader:

newExt.tree.DWRTreeLoader({dataUrl:

treeNodeManager.getTree})

   });

   varroot=newExt.tree.AsyncTreeNode({

       id:

'0',

       text:

'偶是根'

   });

   tree.setRootNode(root);

   tree.render();

   root.expand();

});

       

   

   

       

DWRTreeLoader

       返回

       


       

300px;">

   

 

 

 

4.jsp

<%@pagecontentType="text/html;charset=utf-8"%>

<%

   Stringctx=request.getContextPath();

   //Stringext=ctx+"/ext-3.0.0";

   pageContext.setAttribute("ctx",ctx);

   //pageContext.setAttribute("ext",ext);

%>

   

       

       DWRProxy和ComboBox

       

       

       

       

       

       

       

       

Ext.BLANK_IMAGE_URL='${ext}/resources/images/default/s.gif';

Ext.onReady(function(){

   varinfo=Ext.data.Record.create([

       {name:

'id',type:

'int'},

       {name:

'name',type:

'string'}

   ]);

   varstore=newExt.data.Store({

       proxy:

newExt.data.DWRProxy(infoManager.getItems,true),

       reader:

newExt.data.ListRangeReader({

           totalProperty:

'totalSize',

           root:

'data',

           id:

'id'

       },info)

   });

   varcombo=newExt.form.ComboBox({

       store:

store,

       displayField:

'name',

       valueField:

'id',

       triggerAction:

'all',

       typeAhead:

true,

       mode:

'remote',

       emptyText:

'请选择',

       selectOnFocus:

true

   });

   combo.render('combo');

});

       

   

   

       

DWRProxy和ComboBox

       返回

       


       

300px;">

   

 

第三步:

publicclassInfo{ //实体类s

   privatelongid;

   privateStringname;

   privateintsex;

   privateStringemail;

   privateStringtel;

   privateDateaddTime;

   privateStringdescn;

加上get和set方法。

 

packagedwr;

importjava.util.ArrayList;

importjava.util.Date;

importjava.util.List;

importjava.util.Map;

publicclassInfoManager{

   privateListinfoList=newArrayList();

   publicInfoManager(){

       for(inti=0;i<30;i++){

           Infoinfo=newInfo();

           info.setId(i);

           info.setName("name"+i);

           info.setSex(i%2);

           info.setEmail("xyz20003@");

           info.setTel(""+i);

           info.setAddTime(newDate());

           info.setDescn("descn"+i);

           infoList.add(info);

       }

   }

   publicListgetResult(){

       returninfoList;

   }

   publicListRangegetItems(Mapconditions){

       intstart=0;

       intpageSize=10;

       //intpageNo=(start/pageSize)+1;

       try{

           start=Integer.parseInt(conditions.get("start").toString());

           pageSize=Integer.parseInt(conditions.get("limit").toString());

           //pageNo=(start/pageSize)+1;

       }catch(Exceptionex){

           ex.printStackTrace();

       }

       intend=start

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 高等教育 > 院校资料

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1