这是我经过很多天调试的真分页显示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. JPA 系列教程5-双向一对多

    双向一对多的ddl语句 同单向多对一,单向一对多表的ddl语句一致 Product package com.jege.jpa.one2many; import javax.persistence.En ...

  2. scrollview上面的图片不上下滑动

    self.automaticallyAdjustsScrollViewInsets= NO;

  3. About struct in C

    something new: to set value in struct can be in case i cannot view picture.. i write the snippet her ...

  4. JMeter-使用Badboy录制Web测试脚本

    JMeter是纯Java编写的软件功能和性.能测试工具,其录制脚本过于笨拙和复杂.而Badboy是用C++开发的动态应用测试工具,其拥有强大的屏幕录制和回放功能,同时提供图形结果分析功能,刚好弥补了J ...

  5. [转]解决LinearLayout中控件不能居右对齐

    在LinearLayout布局时使用右对齐(android:layout_gravity="right")控件对齐方式不生效,需要设置 android:layout_weight= ...

  6. pycharm快捷键、常用设置、配置管理

    http://blog.csdn.net/pipisorry/article/details/39909057 pycharm学习技巧 Learning tips /pythoncharm/help/ ...

  7. CodeForces 678D Iterated Linear Function

    简单矩阵快速幂. #include<cstdio> #include<cstring> #include<cmath> #include<algorithm& ...

  8. ecb, 找不到button

    我问了一下,http://stackoverflow.com/questions/17667554/when-configuring-ecb-i-cant-found-button-save-for- ...

  9. C#入门经典（3-窗体应用程序-第二章要点）

    新建一个窗体用用程序,拖一个按钮,加事件和Text属性.打开Form1Designer.cs.

  10. 条形图(diagrams)

    条形图(diagrams) 题目描述 小 虎刚上了幼儿园,老师让他做一个家庭作业:首先画3行格子,第一行有3个格子,第二行有2个格子,第三行有3个格子.每行的格子从左到右可以放棋子,但要 求除第一行外 ...