ExtJs_extjs에서 그리드를 동적으로 로드하는 완전한 예

Ext3.3 전체 패키지

Ext3.3 중국어 문서

데이터 테이블의 구조는 데이터 테이블 테이블 > ; 필드

store의 구조는 다음과 같습니다. Ext.data.Store > Ext.data.Record>Ext.dataDataField

store는 DataProxy가 로드되면 먼저 DataProxy를 구동합니다. DataReader가 행을 구문 분석하도록 구동합니다. 마지막으로 Record 개체를 가져옵니다.

1.bean:

코드 복사 코드는 다음과 같습니다.

package com .leo.bean;

public class Person {
private String name;
private String sex; 🎜>public Person(문자열 이름, 문자열 성별, 문자열 생일) {
super();
this.name = 이름
this.age =
this.sex = sex;
this.birthday = birthday;

public String getName() {
return name
}

public void setName(문자열 이름) {
this.name = 이름
}

public int getAge() {
나이 반환
}

public void setAge(int age)
this.age = age;
}

public String getSex() {
return sex;
}

public void setSex(String sex) 🎜>this .sex = sex
}

public String getBirthday() {
return birthday
}

public void setBirthday(String birthday) {
this.생일 = 생일;

}


2.action




코드 복사

코드는 다음과 같습니다.

package com.leo.action import java.util.ArrayList import java.util.List; ;

import com.leo.bean.Person;

import com.opensymphony.xwork2.ActionSupport;

public class ExtjsAction은 ActionSupport를 확장합니다.
private 목록 항목;

public long getResults() {
결과 반환
}

public void setResults(long results) {
this.results = results; 🎜>}

public List getItems() {
항목 반환
}

public void setItems(목록 항목) {
this.items = 항목; >}

공용 문자열 실행()에서 예외 발생 {
this.results = 3;
Person p1 = new Person("张三", 29, "male", "1990-10- 22");
Person p2 = new Person("lee思", 28, "Male", "1991-03-30");
Person p3 = new Person("王五", 27, " 여성", "1993-08-17");
this.items = new ArrayList();
this.items.add(p1);
this.items.add(p2) ;
this. items.add(p3);

return SUCCESS;


코드 복사


코드는 다음과 같습니다.



"http://struts.apache.org/dtds/struts-2.1. dtd">

< ;action name="extjsaction" class="com.leo.action.ExtjsAction">

코드 복사


코드는 다음과 같습니다.


🎜>



struts2
org.apache.struts2.dispatcher. ng.filter.StrutsPrepareAndExecuteFilter

struts2
*.action-pattern>

5.jsp

코드 복사


코드는 다음과 같습니다.