extjs 分页使用jsp传递数据示例
更新时间:2014年07月29日 11:29:24 投稿:whsnow
extjs实现的分页,使用jsp传递数据,具体实现过程如下,需要的朋友莫错过
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud)
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
Ext.onReady(function() { store3 = new Ext.data.JsonStore({ autoDestroy: true, totalProperty : 'totle', url: 'service.do', storeId: 'myStore', root: 'data', fields : [ 'id', "name", "pw" ] }); var pagingToolbar = new Ext.PagingToolbar({ emptyMsg : "没有数据", displayInfo : true, displayMsg : "显示从{0}条数据到{1}条数据,共{2}条数据", store : store3, pageSize : 50 }); var grade = new Ext.grid.GridPanel({ title : "数据列表", store : store3, height : 300, bbar : pagingToolbar, columns : [ { header : "id", dataIndex : "id", width : 300 }, { header : "name", dataIndex : "name", width : 300 }, { header : "pw", dataIndex : "pw" } ], region : 'center' }); var panel = new Ext.Viewport({ layout : 'border', items : [ grade ] }); });
action********************
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { List list = new ArrayList(); for (int i = 0; i < 50; i++) { Person p = new Person(); p.setId("id" + i); p.setName("name" + i); p.setPw("pw" + i); list.add(p); } StringBuffer info = new StringBuffer(); info.append("{totle:2000,data:"); info.append(JSONArray.fromObject(list)); info.append("}"); System.out.println(info.toString()); System.out.println("*****doPos"); request.setAttribute("info", info.toString()); request.getRequestDispatcher("/info.jsp").forward(request, response); }
info.jsp************注意:jsp除了 @page 不能有其他的文字
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> ${info}
web.xml***************
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5"> <servlet> <servlet-name>test</servlet-name> <servlet-class>com.aa.TestAction</servlet-class> </servlet> <servlet-mapping> <servlet-name>test</servlet-name> <url-pattern>*.do</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>
相关文章
extjs DataReader、JsonReader、XmlReader的构造方法
DataReader、JsonReader、XmlReader的构造方法,需要的朋友可以参考下。2009-11-11解决Extjs4中form表单提交后无法进入success函数问题
form表单提交后无法进入success函数的问题,很是常见,下面有个不错的解决方法,感兴趣的朋友可以参考下2013-11-11Ext JS 4实现带week(星期)的日期选择控件(实战二)
Javascript 有提供Date 对象用于处理时间。但是Date 并没有提供获取星期的方法,jquery 的扩展组件 等有直接提供这样的一些现成包,感兴趣的朋友可以了解下2013-08-08Extjs 4.x 得到form CheckBox 复选框的值
CheckBox(复选框)主要用来接收用户选择的选项,那么如何通过Extjs 4.x 得到form CheckBox的值呢?下面有个不错的方法,大家值得一看2014-05-05Extjs中ComboBoxTree实现的下拉框树效果(自写)
最近涉及到的一个项目中,需要实现ComboBoxTree的效果,由于在Extjs中是没有这种效果,所以看看别人的资料自己写了一个,感兴趣的朋友可以参考下哈2013-05-05
最新评论