Extjs4 のページング アプリケーションは、front と backend_extjs を組み合わせます

フロントエンド部分:

コードをコピー コードは次のとおりです。

Ext.define( 'GS.system.role.store.RoleGridStore',{
extend:'Ext.data.Store',
model:'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 int limit;//各ページの項目数
private int start;/ /どのデータのチェックを開始するか
private int total;//アイテムの総数
/**
* すべての文字を検索
*/
public void getRoleList()
{

List roleList=new ArrayList() ;
StringBuffer toJson=new StringBuffer();//json データを配置するために使用されます
System.out.println(start ","limit"," total );
try
{
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 (Exception 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();