extjs 分页使用jsp传递数据示例

extjs实现的分页,使用jsp传递数据,具体实现过程如下,需要的朋友莫错过

 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***************

    testcom.aa.TestAction test*.do index.jsp

以上就是extjs 分页使用jsp传递数据示例的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 答疑