ページングによるデータの 1 回限りの読み取りのための Ext.data.PagingMemoryProxy 実装コード

1 建立get.php
get.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:'

//界面显示
new Ext.Viewport({
title:'Ext.Viewport例',
layout:'border',
items:[
{
領域:'west'、
レイアウト:'fit'、
幅:200、
折りたたみ:true、
マージン:'5 0 5 5'、
アイテム:ツリー
},{
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/

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。