Ext_Js分页示例代码详解.doc

《Ext_Js分页示例代码详解.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、ExtJs分页显示示例原理详解前几天我们项目组讨论给**公司关于**产品做一个功能展示的用例。讨论到view层时，用那种框架。最终选中了大名鼎鼎的EXTJS框架来做view。这里的view涉及的不是很复杂。因为它仅仅是个Demo。最常用的就是分页显示数据了。目前extjs仅仅支持xml和json两种格式的数据展现。就性能而言。Extjs不可能用于较大的项目。性能确实不敢恭维。这里我们仅仅简单的介绍一下它的分页原理。其实他的源码中提供了大量的例子。可以参考一下。该例子就是基于它的官方例子实现的。目前，市场是比较流行的数据关于extjs就是“深入浅出extjs“了，该书编写的却是不怎么样。如果想学

2、习extjs，最好研究研究它的源码的例子就行了。Jar包如下：其中json-lib-2.2.1-jdk1.5.jarxstream-1.3.jar是转换集合类型转换json类型的主要jar包。测试工程的包路径如下：该示例是用strus2做的mvc。action类：packageaction;importbean.Bean;importcom.opensymphony.xwork2.ActionSupport;importjava.util.ArrayList;importjava.util.List;importjavax.servlet.http.*;importorg.apache.com

3、mons.logging.Log;importorg.apache.commons.logging.LogFactory;importorg.apache.struts2.ServletActionContext;importutil.ExtHelper;publicclassDisplayActionextendsActionSupport{privatestaticfinalLoglog=LogFactory.getLog(DisplayAction.class);privatestaticfinallongserialVersionUID=1L;privateHttpServletRes

4、ponseresponse;privateHttpServletRequestrequest;privateintstart;privateintlimit;//表示数据库中数据总条数，用户分页显示privatestaticfinallongtotalResult=100;publicStringdisplay()throwsException{Listlist=newArrayList();for(inti=0;i<5;i++){bean.Beanbean=newBean();bean.setId(i);bean.setDetail("detil"+i);bean.setTitle("tit

5、le"+i);list.add(bean);}Stringjson=ExtHelper.getJsonFromList(totalResult,list);log.info("list转换成json格式的数据开始");log.info(json);response=ServletActionContext.getResponse();response.setContentType("application/xml;charset=UTF-8");response.getWriter().write(json);returnnull;}}Po类：packagebean;publicclassBe

6、an{privateintid;privateStringtitle;privateStringdetail;publicintgetId(){returnid;}publicvoidsetId(intid){this.id=id;}publicStringgetTitle(){returntitle;}publicvoidsetTitle(Stringtitle){this.title=title;}publicStringgetDetail(){returndetail;}publicvoidsetDetail(Stringdetail){this.detail=detail;}}ExtH

7、elper类：packageutil;importjava.util.ArrayList;importjava.util.List;importnet.sf.json.JSONObject;importcom.thoughtworks.xstream.XStream;importcom.thoughtworks.xstream.io.xml.DomDriver;publicclassExtHelp