> 웹 프론트엔드 > JS 튜토리얼 > jsp를 사용하여 데이터를 전달하는 extjs 페이징 example_extjs

jsp를 사용하여 데이터를 전달하는 extjs 페이징 example_extjs

WBOY
풀어 주다: 2016-05-16 16:40:49
원래의
1162명이 탐색했습니다.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

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 ]

});

});

로그인 후 복사

액션************************

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

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를 제외한 다른 텍스트를 가질 수 없습니다

1

2

3

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

pageEncoding="ISO-8859-1"%>

${info}

로그인 후 복사

web.xml****************

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<&#63;xml version="1.0" encoding="UTF-8"&#63;>

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

로그인 후 복사

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿