ExtJS是一個(gè)功能強(qiáng)大的JavaScript框架，可以幫助我們輕松構(gòu)建Web應(yīng)用程序。在Web應(yīng)用中，經(jīng)常需要使用JSON數(shù)據(jù)進(jìn)行交互，而在處理大量數(shù)據(jù)時(shí)需要使用分頁(yè)功能。

使用ExtJS可以輕松地將JSON數(shù)據(jù)進(jìn)行分頁(yè)處理。下面是一個(gè)示例代碼：

Ext.require(['Ext.data.*', 'Ext.grid.*']);
Ext.define('User', {
extend: 'Ext.data.Model',
fields: ['id', 'name', 'email', 'phone']
});
Ext.onReady(function() {
var store = Ext.create('Ext.data.Store', {
model: 'User',
pageSize: 10,
proxy: {
type: 'ajax',
url: 'users.json',
reader: {
type: 'json',
root: 'users',
totalProperty: 'totalCount'
}
},
autoLoad: true
});
Ext.create('Ext.grid.Panel', {
renderTo: Ext.getBody(),
store: store,
columns: [
{text: 'ID', dataIndex: 'id', flex: 1},
{text: 'Name', dataIndex: 'name', flex: 1},
{text: 'Email', dataIndex: 'email', flex: 1},
{text: 'Phone', dataIndex: 'phone', flex: 1}
],
dockedItems: [{
xtype: 'pagingtoolbar',
store: store,
dock: 'bottom',
displayInfo: true
}]
});
});

上面的示例代碼定義了一個(gè)名為User的模型，該模型有id、name、email和phone四個(gè)字段。然后創(chuàng)建了一個(gè)分頁(yè)大小為10的Ext.data.Store對(duì)象，并設(shè)置其數(shù)據(jù)源為一個(gè)users.json文件。在創(chuàng)建Ext.grid.Panel時(shí)將store傳入，并創(chuàng)建了一個(gè)分頁(yè)工具條并顯示在底部，這樣就可以輕松地進(jìn)行分頁(yè)操作。

總之，使用ExtJS處理JSON數(shù)據(jù)分頁(yè)非常簡(jiǎn)單方便，只需要幾行代碼就可以實(shí)現(xiàn)一個(gè)功能完備的分頁(yè)列表。