这是我经过很多天调试的真分页显示Ext组件

显示页面ext.php

 <html>

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <title>Getting Started Example</title>

   <link rel="stylesheet" type="text/css" href="lib/extjs/resources/css/ext-all.css" />

   <script src="lib/extjs/adapter/ext/ext-base.js"></script>

   <script src="lib/jquery.js"></script>  

 <script  src="lib/jquery-plugins.js"></script> 

 <script  src="lib/extjs/adapter/jquery/ext-jquery-adapter.js"></script>  

   <script src="lib/extjs/ext-all-debug.js"></script>

   <script type="text/javascript">

 $(document).ready(function(){

   $("#hide").click(function(){

   $("p").hide();

   });

   $("#show").click(function(){

   });

 });

 </script>

   <script>

 function showUrl(value){

       return "<a href="+value+">"+value+"</a>";

   } 

   Ext.onReady(function(){

        pagesize=2;//定义分页大小

 store=new Ext.data.JsonStore({

     url:'json.php',

     totalProperty:'results',

     fields:["code_number","protein_name","time"],

     root:'rows',

     remoteSort:true

 });

 store.load({params:{start:0,limit:2}});

  var pagetool = pagingTool(store);

 var colM=new Ext.grid.ColumnModel([

 {header:"代码号",dataIndex:"code_number",sortable:true,renderer:showUrl},

 {header:"项目名称",dataIndex:"protein_name",sortable:true},

 {header:"时间",dataIndex:"time",sortable:true}]);

 var grid = new Ext.grid.GridPanel({

 renderTo:"s",

 title:"查询结果",

 height:300,

 width:600,

 cm:colM,

 store:store,

 frame:true,  

 stripeRows:true,

 bbar:pagetool,

 autoExpandColumn:2

 });

 }

 );

 // 返回分页工具条

 function pagingTool(store)

 {

     var pagetool = new Ext.PagingToolbar (  {

                 pageSize:2,

                 store:store,

                 displayInfo:true,

                 displayMsg : '显示第{0}条到{1}条记录 ，一共{2}条',

                 emptyMsg: "没有记录"

     });

     return pagetool;

 }

 </script>  

  </head>

  <body>

  <p id="p1">如果点击“隐藏”按钮，我就会消失。</p>

 <button id="hide"  type="button">隐藏</button>

 <button id="show" type="button">显示</button>

 <div id="id"></div>

 <div id="s"></div>

  </body>

 </html>          

数据库json中json.php

  <?php

 $conn = mysql_connect("localhost", "root", "");

 mysql_select_db("wangbiomass");

 mysql_query("set names utf8");

 //echo $_REQUEST["start"];

 $start = isset($_REQUEST["start"])?$_REQUEST["start"]:0;

 $limit = isset($_REQUEST["limit"])?$_REQUEST["limit"]:2;

 //echo $start.$limit;

     $sql = " SELECT code_number,protein_name,time FROM `protein` LIMIT "."$start".","."$limit";

     $sql_count = "SELECT code_number,protein_name,time FROM protein";

 $res = mysql_query($sql_count);

 $results = mysql_num_rows($res);

 $result = mysql_query($sql);

 $arr = array();

 if(!$result){

     echo "{success:false}";

 }else{

     while($obj = mysql_fetch_object($result)){

         $arr[] = $obj;

     }

 //    echo "{success:\"true\",rows:".json_encode($arr)."}";

 //echo "{\"rows\":".json_encode($arr)."}";

 //echo json_encode($arr);

 echo '({"results":"'.$results.'","rows":'.json_encode($arr).'})';

 //echo '{results:'.$results.',rows:'.json_encode($arr).'}';

 }

 ?>

json.php输出结果为

 ({"results":"10","rows":[{"code_number":"1","protein_name":"\u91cd\u7ec4\u4eba\u4e73\u94c1\u86cb\u767d","time":"2008"},{"code_number":"2","protein_name":"\u4eba\u4e73\u94c1\u86cb\u767d","time":"2000"}]})

Ext分页之php中，真分页显示的更多相关文章

  1. .NET基于分页控件实现真分页功能

    下面利用分页控件实现分页功能.分页控件下载网址:http://www.webdiyer.com/ 从该网址下载AspNetPager.dll后,在VS2008中在工具箱中,右键 —> 选择项 — ...

  2. ASP.NET（五）：ASP.net实现真分页显示数据

    导读:在上篇文章中,介绍了用假分页实现数据的分页显示 ,而避免了去拖动滚动条.但,假分页在分页的同时,其实是拖垮了查询效率的.每一次分页都得重新查询一遍数据,那么有没有方法可以同时兼顾效率和分页呢,那 ...

  3. restful中的分页

    普通分页 普通分页类似于Django中的分页 源码 class PageNumberPagination(BasePagination): """ A simple pa ...

  4. LigerUi中的Grid中不分页显示（local）！

    LigerUi中的Grid中不分页显示! grid为local usePager: true,                         //是否分页

  5. 在每页（分页）报表中重复显示标题 - SQL Server Reporting Service (SSRS)

    问题描述 TFS系统提供多种报表,有图表(Chart).Web面板(Dashboard).SharePoint面板.Excel报表,SQL Server Reporting Serivce(SSRS) ...

  6. AspNetPager实现真分页+多种样式

    真假分页 分页是Web应用程序中最常用到的功能之一.当从数据库中获取的记录远远超过界面承载能力的时候,使用分页可以使我们的界面更加美观,更加的用户友好.分页包括两种类型:真分页和假分页. 其中假分页就 ...

  7. Jsp分页实例---真分页

    网页的分页功能的实现比较简单,实现方法也多种多样. 今天总结一个简单的Jsp真分页实例. 首先,提到分页就要先明确一个概念,何为真分页何谓假分页. 假分页:一次性从数据库读出表的所有数据一次性的返回给 ...

  8. extjs4 分页工具栏pagingtoolbar的每页显示数据combobox下拉框

    var itemsPerPage = 20; var combo; //创建数据源store Ext.define('recordStore', { extend : 'Ext.data.Store' ...

  9. EasyUI学习笔记---Datagrid真分页

    EasyUI Datagrid组件在我看来功能还是很强大的,在我使用过程中遇到分页请求的问题困扰了一天才解决,下面我就把我遇到的问题分享一下 //datagrid数据表格渲染 $("#dg& ...

随机推荐

  1. C++函数后面的throw()

    看CImage函数实现的时候发现了这么个东东  inline HBITMAP CImage::Detach() throw() 它是函数提供者和使用者的一种君子协定,标明该函数不抛出任何异常. 之所以 ...

  2. java获取程序执行时间

    第一种是以毫秒为单位计算的. //伪代码 long startTime=System.currentTimeMillis(); //获取开始时间 doSomeThing(); //测试的代码段 lon ...

  3. 使用Core Animation对象来实现动画

    转载保留原文地址:http://blog.csdn.net/kqjob/article/details/10417461,转载的 在iOS中如果使用普通的动画则可以使用UIKit提供的动画方式来实现, ...

  4. climit 头文件的内容

    int.long和long long C++的short.int.long和long long类型通过使用不同数目的位来存储值(关于位的概念自行了解),最多能够表示4中不同的整数宽度.C++提供了一种 ...

  5. GenericApp SampleApp SimpleAp的区别

    SampleApp3.2 Zigbee2007 协议栈实验例程表演说明C:\Texas Instruments\ZStack-2.0.0-1.2.0\Projects\zstack\Samples\S ...

  6. cocos2d3.8.1 使用prebuild提升发布android速度

    1.生成cocos prebuild库 cocos gen-libs -m debug或 cocos gen-libs -m release 2.使用命令创建test项目 cocos new test ...

  7. 平移关节(Prismatic Joint)

    package{ import Box2D.Common.Math.b2Vec2; import Box2D.Dynamics.b2Body; import Box2D.Dynamics.Joints ...

  8. Ubuntu下安装Reids

    安装 官网  http://redis.io/    下载安装包 redis-3.0.5.tar.gz 解压 tar -zxvf redis-3.0.5.tar.gz cd redis-3.0.5 安 ...

  9. Win7下用easyBCD引导安装Ubuntu15.04

    1 准备工作 easyBCD中添加一个启动项 修改启动项配置文件 注意两点:C盘设备号,镜像名称 title Install Ubuntu root (hd0,) kernel (hd0,)/vmli ...

  10. 利用工具MailUtils实现邮件的发送,遇到的大坑,高能预警!!

    java实现邮件的发送依赖的jar包有两个:mail.jar和activation.jar,我也找到了一个工具包:itcast-tools-1.4.jar,实现原理大家可以查看源码,先放出资源链接 h ...