Ext Js分页显示示例原理详解.docVIP

Ext Js分页显示示例原理详解 前几天我们项目组讨论给**公司关于**产品做一个功能展示的用例。讨论到view层时，用那种框架。最终选中了大名鼎鼎的EXT JS 框架来做view。这里的view涉及的不是很复杂。因为它仅仅是个Demo。最常用的就是分页显示数据了。目前extjs仅仅支持xml和json两种格式的数据展现。就性能而言。Extjs不可能用于较大的项目。性能确实不敢恭维。这里我们仅仅简单的介绍一下它的分页原理。其实他的源码中提供了大量的例子。可以参考一下。该例子就是基于它的官方例子实现的。目前，市场是比较流行的数据关于extjs就是“深入浅出extjs“了，该书编写的却是不怎么样。如果想学习extjs，最好研究研究它的源码的例子就行了。 Jar包如下： 其中json-lib-2.2.1-jdk1.5.jar xstream-1.3.jar是转换集合类型转换json类型的主要jar包。 测试工程的包路径如下： 该示例是用strus2做的mvc。 action类： package action; import bean.Bean; import com.opensymphony.xwork2.ActionSupport; import java.util.ArrayList; import java.util.List; import javax.servlet.http.*; import mons.logging.Log; import mons.logging.LogFactory; import org.apache.struts2.ServletActionContext; import util.ExtHelper; public class DisplayAction extends ActionSupport { private static final Log log=LogFactory.getLog(DisplayAction.class); private static final long serialVersionUID = 1L; private HttpServletResponse response; private HttpServletRequest request; private int start; private int limit; //表示数据库中数据总条数，用户分页显示 private static final long totalResult=100; public String display() throws Exception { List list=new ArrayList(); for(int i=0;i5;i++){ bean.Bean bean=new Bean(); bean.setId(i); bean.setDetail(detil+i); bean.setTitle(title+i); list.add(bean); } String json = ExtHelper.getJsonFromList(totalResult,list); (list转换成json格式的数据开始); (json); response = ServletActionContext.getResponse(); response.setContentType(application/xml;charset=UTF-8); response.getWriter().write(json); return null; } } Po类： package bean; public class Bean { private int id; private String title; private String detail; public int getId() { return id; } public void setId(int id) { this.id = id; } public String getTitle() { return title; } pu