Ext.data.PagingMemoryProxy implementation code for paging and reading data at one time

Ext.data.PagingMemoryProxy implementation code for paging and reading data at one time_PHP tutorial

WBOY

Release： 2016-07-21 15:39:21

Original

1473 people have browsed it

1 Create get.php
get.php=>

Copy code The code is as follows:

 
$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 Download Search PagingMemoryProxy.js in extjs and put it in a folder with get.php
3 Create the file grid.html
grid.html=>

Copy Code The code is as follows:

< /body>

4 Create file r01.js
r01.js=>

Copy code The code is as follows:

Ext.onReady(function() {
Ext.QuickTips.init();
var root=new Ext.tree.TreeNode({
text:'Simple tree',
expanded:true
})
var user=(new Ext.tree.TreeNode({
text:'User',
expanded :true
})
)
var user1=new Ext.tree.TreeNode({
text:'User1'
})
var user2=new Ext.tree. TreeNode({
text:'User2',
})
root.appendChild(user);
user.appendChild(user1);
user.appendChild(user2);
//Create the root node
var tree=new Ext.tree.TreePanel({
width:180,
height:300,
root:root
})
// Middle region
var tabPanel = new Ext.TabPanel({
region : 'center',
enableTabScroll : true,
activeTab :0,
margins:'5 5 5 5',
items : [{
id : 'homePage',
title : 'Home',
autoScroll : true,
html:'

//Interface display
new Ext.Viewport({
title:' Ext.Viewport example',
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 Create r01.php
r01.php=>

Copy code The code is as follows:

< title>Insert title here

6 Enter http://localhost/register_01/r01/r01.php in the browser

7 Summary
Tree listening event: tree.on
Ext.data.ArrayReader reads the array into a metadata object

Copy code The code is as follows:

 
function(response, opts){ 
var obj= Ext.decode(response.responseText);// obj stores the response data
store.proxy = new Ext.data.PagingMemoryProxy(obj),//PagingMemoryProxy() reads the data at one time
store.load({params:{start:0,limit:5 }});//Distributed by 5 records
}//Basic paging application

Ext.PagingToolbar basic application
extjs related help documents: http://www.extjs. com/deploy/dev/docs/