Extjs4의 페이징 애플리케이션은 front와 backend_extjs를 결합합니다.

프론트엔드 부분:

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

Ext.define( 'GS.system.role.store.RoleGridStore',{
확장:'Ext.data.Store',
모델:'GS.system.role.model.RoleGridModel',
id:'roleStoreId ',
pageSize:4,//페이지 크기
proxy:{
type:'ajax',
url:'/gs_erp/roleAction!getRoleList',
reader: {
type: 'json',
root: 'rows',
totalProperty: 'total'
}
},
sorters: [{
property: 'id', / /Sort field
direction: 'asc'//default ASC
}],
autoLoad:{start: 0,limit: 4}//start는 시작할 항목 수,limit는 페이지당 항목 수
});

store.loadPage(1) //첫 번째 페이지 로드
백엔드 부분:

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

private intlimit;//각 페이지의 항목 수
private int start;/ /검사를 시작할 데이터 조각
private int total;//총 항목 수
/**
* 모든 문자 찾기
*/
public void getRoleList()
{

List roleList=new ArrayList() ;
StringBuffer toJson=new StringBuffer();//json 데이터를 넣는 데 사용됩니다
System.out.println(start ","limit "," total );
시도
{
roleList=(List) pageServiceImpl.commonPagination(Role.class, "", start,limit)
total=pageServiceImpl.getTotalNum(Role.class, "");
toJson.append("{ total:").append("" total "").append(",success:true,").append("start:")
.append ("" start "").append("," );
toJson.append("rows:[")
for(int i=0;i{
toJson.append("{id :").append("'").append("" roleList.get(i).getId() "").append("'")
.append(",name:").append( "'").append("" roleList.get(i).getName() "")
.append("'").append(", desc:").append("'").append ("" roleList.get(i).getDesc() "")
.append("'").append("}");
if(i{
toJson.append(",")
}
}
toJson.append("]}"); 🎜>} catch(예외 e1)
{
// TODO 자동 생성된 catch 블록
e1.printStackTrace()
}
try
{
response.setHeader ("캐시 제어", "캐시 없음") ;
response.setContentType("text/json;charset=utf-8")
response.getWriter().print(toJson); >System.out.println(toJson);
} catch (IOException e)
{
// TODO 자동 생성된 catch 블록
e.printStackTrace()
}