这是我经过很多天调试的真分页显示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. springmvc中的几个问题

    一   url-pattern的问题: <!-- No mapping found for HTTP request with URI [/WEB-INF/jsp/homePage.jsp] i ...

  2. 【jsp】读取WebRoot下的图像文件

    package readPic; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream ...

  3. oracle提高之索引学习

    一． 索引介绍 1.1  索引的创建 语法 : CREATE UNIUQE | BITMAP INDEX <schema>.<index_name> ON <schema ...

  4. ajax遇到的问题

    今天做了个小小的实验,用ajax XMLHttpRequest对象读取服务器上的txt文件里的内容,展示出来 直接把html文件放在桌面用浏览器打开,没有反应,部分代码如下: function oHt ...

  5. andorid 自定义view属性declare-styleable

    1. reference:参考某一资源ID. (1)属性定义: <declare-styleable name = "名称"> <attr name = &quo ...

  6. 转：Loadrunner打开https报错“Internet…

    Loadrunner 录制htpps 协议通过IE打开页面,报错“Internet Explorer cannot display the webpage”. 但是直接打开IE不通过 loadrunn ...

  7. TDK伪原创? 对matatags的研究总结

    /public_html/includes/modules/meta_tags.php 46行:switch ($_GET['main_page']) {这里面包括自定义页面index.php?mai ...

  8. YII2 随笔 视图最佳实践

    yii\base\Controller::render(): 渲染一个 视图名 并使用一个 布局 返回到渲染结果. yii\base\Controller::renderPartial(): 渲染一个 ...

  9. 转 Android中通过广播方式调起第三方App

    今天紧急的跟进一个百度视频App无法调起百度贴吧App的问题,当然,这个是只发现是在4.x的android系统下发生,在2.x版本下,一切正常,(其实是3.1及以上的版本都有问题)具体场景为: 1.贴 ...

  10. Java BufferedReader、InputStream简介

    InputStream  数据流类 一般来说,就是将字符串.管道数据(socket通倒).文件.字节等转换为输入流,以流的方式去读取: 但是inputstream的读取速率较低,为了提高读取速率,一般 ...