Heim Web-Frontend js-Tutorial extjs-Paging mit JSP zur Übergabe von Daten example_extjs

extjs-Paging mit JSP zur Übergabe von Daten example_extjs

May 16, 2016 pm 04:40 PM
extjs 传递数据 分页

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 ]
});
});
Nach dem Login kopieren

Aktion*************************

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);
}
Nach dem Login kopieren

info.jsp***************Hinweis: JSP kann keinen anderen Text außer @page enthalten

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
${info}
Nach dem Login kopieren

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>
Nach dem Login kopieren

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie erstelle ich eine benutzerdefinierte Paginierung in CakePHP? Wie erstelle ich eine benutzerdefinierte Paginierung in CakePHP? Jun 04, 2023 am 08:32 AM

Wie erstelle ich eine benutzerdefinierte Paginierung in CakePHP?

PHP-Entwicklung: So implementieren Sie Funktionen zum Sortieren und Paging von Tabellendaten PHP-Entwicklung: So implementieren Sie Funktionen zum Sortieren und Paging von Tabellendaten Sep 20, 2023 am 11:28 AM

PHP-Entwicklung: So implementieren Sie Funktionen zum Sortieren und Paging von Tabellendaten

Wie verwende ich JavaScript, um die Tabellen-Paging-Funktion zu implementieren? Wie verwende ich JavaScript, um die Tabellen-Paging-Funktion zu implementieren? Oct 20, 2023 pm 06:19 PM

Wie verwende ich JavaScript, um die Tabellen-Paging-Funktion zu implementieren?

Verwendung von JavaScript zur Implementierung der Paging-Anzeige von Tabellendaten Verwendung von JavaScript zur Implementierung der Paging-Anzeige von Tabellendaten Jun 16, 2023 am 10:00 AM

Verwendung von JavaScript zur Implementierung der Paging-Anzeige von Tabellendaten

Ausführliche Erläuterung des Prinzips des MyBatis-Paging-Plug-Ins Ausführliche Erläuterung des Prinzips des MyBatis-Paging-Plug-Ins Feb 22, 2024 pm 03:42 PM

Ausführliche Erläuterung des Prinzips des MyBatis-Paging-Plug-Ins

Vue-Komponentenpraxis: Entwicklung von Paging-Komponenten Vue-Komponentenpraxis: Entwicklung von Paging-Komponenten Nov 24, 2023 am 08:56 AM

Vue-Komponentenpraxis: Entwicklung von Paging-Komponenten

So implementieren Sie die Paging-Funktion in der Vue-Technologieentwicklung So implementieren Sie die Paging-Funktion in der Vue-Technologieentwicklung Oct 09, 2023 am 09:06 AM

So implementieren Sie die Paging-Funktion in der Vue-Technologieentwicklung

Einführungs-Tutorial zur VUE3-Entwicklung: Verwenden von Komponenten zur Implementierung von Paging Einführungs-Tutorial zur VUE3-Entwicklung: Verwenden von Komponenten zur Implementierung von Paging Jun 16, 2023 am 08:48 AM

Einführungs-Tutorial zur VUE3-Entwicklung: Verwenden von Komponenten zur Implementierung von Paging

See all articles