Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码_PHP教程

$data=array( 
array(1,"yixing",123), 
array(2,"chenlin",13), 
array(3,"lixin",123), 
array(4,"liumei",344), 
array(5,"qiuye",343), 
array(6,"zhangli",231), 
array(7,"chenggong",1234), 
array(9,"linmei",123), 
array(10,"gaoxin",234), 
array(11,"ximi",1234), 
array(12,"suoming",1234) 
); 
echo json_encode($data); 
?> 
 
2 在下载的extjs中搜索到PagingMemoryProxy.js，与get.php放在一个文件夹中 
3 建立文件grid.html 
grid.html=> 
 代码如下:

 
 
 
 
 
 
 
 
 
 
 
4 建立文件r01.js 
r01.js=> 
 代码如下:

Ext.onReady(function() { 
Ext.QuickTips.init(); 
var root=new Ext.tree.TreeNode({ 
text:'简单树形', 
expanded:true 
}) 
var user=(new Ext.tree.TreeNode({ 
text:'用户', 
expanded:true 
}) 
) 
var user1=new Ext.tree.TreeNode({ 
text:'用户1' 
}) 
var user2=new Ext.tree.TreeNode({ 
text:'用户2', 
}) 
root.appendChild(user); 
user.appendChild(user1); 
user.appendChild(user2); 
//建立根节点 
var tree=new Ext.tree.TreePanel({ 
width:180, 
height:300, 
root:root 
}) 
//中间区域 
var tabPanel = new Ext.TabPanel({ 
region : 'center', 
enableTabScroll : true, 
activeTab :0, 
margins:'5 5 5 5', 
items : [{ 
id : 'homePage', 
title : '首页', 
autoScroll : true, 
html:'欢迎来到首页!' 
}] 
}); 
function treeClick(){ 
tabPanel.add({ 
title:'用户', 
id:'1', 
activeTab:1, 
closable:true, 
autoLoad:{ 
url:'grid.html', 
scripts:true 
} 
}) 
} 
user1.on("click",treeClick); 
//界面显示 
new Ext.Viewport({ 
title:'Ext.Viewport示例', 
layout:'border', 
items:[ 
{ 
region:'west', 
layout:'fit', 
width:200, 
collapsible:true, 
margins:'5 0 5 5', 
items:tree 
},{ 
region:'center', 
width:200, 
layout:'fit', 
margins:'5 0 5 5', 
items:tabPanel 
}] 
}) 
}); 
 
5 建立r01.php 
r01.php=> 
 代码如下:

 
 
 
 
 
 
 
 
 
 
 
 
 
6 浏览器中输入http://localhost/register_01/r01/r01.php 

 

7 总结 
树形监听事件:tree.on 
Ext.data.ArrayReader读取数组到一个元数据对象 
 代码如下:

function(response, opts){ 
var obj= Ext.decode(response.responseText);//obj储存响应的数据 
store.proxy = new Ext.data.PagingMemoryProxy(obj),//PagingMemoryProxy()一次性读取数据 
store.load({params:{start:0,limit:5}});//按5条记录分布 
}//分页基本应用 
 
Ext.PagingToolbar基本应用 
extjs相关帮助文档：http://www.extjs.com/deploy/dev/docs/ 


http://www.bkjia.com/PHPjc/321600.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/321600.htmlTechArticle1 建立get.php get.php=  代码如下:
?php $data=array( array(1,"yixing",123), array(2,"chenlin",13), array(3,"lixin",123), array(4,"liumei",344), array(5,"qiuye",343...