宝哥软件园

一次读取数据的分页实现代码

编辑:宝哥软件园 来源:互联网 时间:2021-10-19

一建立get.php明白了。PHP=复制代码代码如下:php $data=array(array(1,)宜兴,123),数组(2 '陈琳,13),数组(3 '立信,123),数组(4 '刘梅,344),数组(5 '叶秋,343),数组(6 '张丽,231),数组(7 '呈贡,1234),数组(9 '梅琳,123),数组(10 '高辛,234),数组(11 '西米,1234),数组(12 '索明,1234 echo JSON _ encode($ data);2在下载的框架中搜索到PagingMemoryProxy.js,与get.php放在一个文件夹中3建立文件grid.html网格。html=复制代码代码如下: html头元http-equiv='内容-类型' Content=' text/html;charset=gbk '脚本类型=' text/JAVAScript ' src=' http : pagingmomeryproxy。js /脚本脚本类型=' text/JavaScript ' ext。onready(function(){ store=new ext。数据。商店({ reader : new ext。数据。arrayreader({ },[ //读数组到一个元数据对象{name:'id'},{name:'name'},{ name : ' password ' }])});延伸文件系统Ajax.request({ //读取后台传递于前台数据URL :“get . PHP”,method :“get”,success:function(response,opts){ var obj=ext。解码(响应。响应ext);//obj储存响应的数据商店。proxy=new ext。数据。分页内存Proxy(obj),//分页内存Proxy()一次性读取数据商店。load({ params : { start :0,limit :5 } });//按5条记录分布},failure: function(){Ext .Msg.alert('失败');} });var grid=new ext。网格。网格面板({ store : store,//装载store mode:'remote ',width:450,height:200,applyTo:'grid ',frame:true,column 3360[{ header : ' number ',width:50,dataIndex:'id ',sortable:true},{header:'name ',width:80,dataIndex:'name ',可排序3360分页工具栏({//工具栏页面大小:5,存储:存储,显示信息:存储,显示消息: '从{0}到{1}记录,所有记录均为{2} ',emptyMsg: '无记录}),查看配置: { force fit : true } })});/script/head body div id=' grid '/div/body/html 4建立文件r01.js r01.js=复制代码代码如下:分机onReady(函数(){ Ext .快速提示。init();var root=新Ext。树。树节点({ text : '简单树形,扩展了: true })var user=(新Ext。树。树节点({ text : '用户,扩展: true })var用户1=新ext。树。树节点({ text : '用户1 ' })var用户2=新Ext。树。树节点({ text : '用户2 ',}) root.appendChild(用户);用户。appendchild(用户1);用户。appendchild(用户2);//建立根节点var树=新Ext。树。树面板({宽度:180,高度:300,根:根}) //中间区域var tabPanel=新分机.TabPanel({ region : 'center ',enableTabScroll : true,activeTab :0,margins:'5 5 5 5 ',items : [{ id : 'homePage ',title : '首页,autoScroll : true,html : ' div style=' position : absolute;前:40%;左侧:40%欢迎来到首页!/div ' }]});函数TreeClick(){ Tabpanel。添加({ title : ')用户,id:'1 ',activeTab:1,closable:true,autoload : { URL : '网格。html ',脚本: true } })用户1。on(‘点击’,树型点击);//界面显示新分机.视口({ title:'Ext .视口示例,布局: '边框,项目:[{区域: '西部',布局: '适合',宽度:200,可折叠街:号,边距:'5 0 5 ',项目:tree },{ region:'center ',宽度:200,布局: '适合',边距:'5 0 5 5 ',项目3:5建立r01.php r01。PHP=复制代码代码如下: html头元http-equiv='内容-类型' Content=' text/html;charset=gbk ' title在此插入标题/title link rel='样式表type=' text/CSS ' href=' http://www .cn博客。com/ext/resources/CSS/ext-all。CSS '/脚本类型=' text/JAVAScript ' src=' http :3358 www。cn博客。com/ext/适配器/ext/ext-base。js /脚本脚本类型=' text/JavaScript ' src=' http :0浏览器中输入http://localhost/register _ 01/r01/r01。PHP

七总结树形监听事件:树。分机。数据。arrayreader读取数组到一个元数据对象复制代码代码如下:函数(响应,opts){ var obj=ext。解码(响应。响应ext);//obj储存响应的数据商店。proxy=new ext。数据。分页内存Proxy(obj),//分页内存Proxy()一次性读取数据商店。load({ params : { start :0,limit :5 } });//按5条记录分布}//分页基本应用延伸文件系统分页工具栏基本应用框架相关帮助文档:http://www .ext js。com/deploy/dev/docs/

更多资讯
游戏推荐
更多+