这是我经过很多天调试的真分页显示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. 虚拟机centos分区

    在计算机上安装 Linux 系统,对硬盘进行分区是一个非常重要的步骤,下面介绍几个分区方案. 方案 1 / :建议大小在 5GB 以上. swap :即交换分区,建议大小是物理内存的 1~2 倍. 方 ...

  2. OpenLayer 3 鼠标位置坐标显示控件

    <body> <div id="map"> <div id="mouse-position"></div> &l ...

  3. Vs2010 WPF 项目打包

    [转]图解WPF程序打包全过程 首先打开已经完成的工程,如图: 下面开始制作安装程序包. 第一步:[文件]——[新建]——[项目]——安装项目. 名称——可以自己根据要求修改. 位置——是指你要制作的 ...

  4. 修改apache配置文件去除thinkphp url中的index.php

    例如你的原路径是 http://localhost/test/index.php/index/add那么现在的地址是 http://localhost/test/index/add如何去掉index. ...

  5. HUD 1541/BIT(数状数组)

    题目链接 /* 按从左到右,从下到上的顺序给出星星的坐标,计算出level为[0,n)的星星的个数. 星星的level为该星星左下边(包括自己正下方的星星,但是不包括自己)星星的个数. BIT模板题. ...

  6. Provisioning profile 浅析

    转载自:    http://blog.csdn.net/chenyufeng1991/article/details/48976245 一般在我们代码编写中不会用到Provisioning prof ...

  7. USB鼠标线序

    鼠标线断了,找了个废弃的手机充电线接上,特记录线序如下: 红————白          白————橙绿————绿黑————蓝

  8. 如何在Eclipse中添加Servlet-api.jar的方法

    方法一: 点击窗口->首选项->java->构建路径->类路径变量->新建:将你的tomcat目录下的common/lib/servlet.jar加进来.如果你建立了一个 ...

  9. 读《Ext.JS.4.First.Look》随笔

    Ext JS 4是最大的改革已经取得了Ext框架.这些变化包括一个新类系统,引入一个新的平台,许多API变化和改进,和新组件,如新图表和新画组件.Ext JS 4是更快,更稳定,易于使用.(注意:Ex ...

  10. spring，hibernate配置事务

    1. 新建java project 2. 引入jar 3. src下新建package:com.web.model, com.web.dao, com.web.service, bean.xml 4. ...