这是我经过很多天调试的真分页显示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/C++ - 结构体实际申请的空间

    C/C++ - 结构体实际申请的空间 如下的结构体,sizeof()大小,实际申请的空间以及理论上申请最佳空间 struct Spot { int x; int y; bool visible; in ...

  2. weak和assign区别

    weak比assign多了一个功能,当对象消失后自动把指针变成nil haofanazenmeban[4002:406590] controller:<SecondViewController: ...

  3. Android :android.os.Process.myTid()与 Thread.currentThread().getId();

    这两种方式得到的ID并不是相同的,前者的返回值是int,后者是long. 个人猜测:应该是一个线程的两种得到的方式.类似于一个人有2个名字. 如有不对,请指正!

  4. java 文件字节输出流

    Example10_5.java import java.io.*; public class Example10_5 { public static void main(String args[]) ...

  5. Ubuntu + Django + Nginx + uwsgi

    环境 Ubuntu 14.04 Python 2.7 Django 1.8.4 1 安装Nginx     sudo apt-get install nginx 测试  sudo /etc/init. ...

  6. Codeforces Round #366 (Div. 2) C. Thor （模拟）

    C. Thor time limit per test 2 seconds memory limit per test 256 megabytes input standard input outpu ...

  7. java工程开发之图形化界面之（第五课）

    下面我们将: 一)更加完整的解释Graphics类 二)使用方法来更清晰的重新编写前面图形小应用程序之一 三)介绍一些其他的绘图的方法 四)介绍方法init,它是类似于paint但是用于不同用途的另一 ...

  8. svn log操作

    查看当前文件夹的最近N次提交记录 svn update; svn log --limit <N> -v 含义是:查询最近N次提交记录的详细信息,包括版本号,提交文件列表,log信息 对比某 ...

  9. MySQL解决"is marked as crashed and should be repaired"故障

    具体报错如下: Table '.\Tablename\posts' is marked as crashed and should be repaired 提示说论坛的帖子表posts被标记有问题,需 ...

  10. PopupWindow组件的使用问题

    //如果默认屏幕的话,父view就写自己 popupWindow.showAtLocation(inflate, Gravity.BOTTOM, 0, 0); PopupWindow 顾名思义为弹出式 ...