保存到桌面加入收藏设为首页
EasyUI
当前位置:首页 > Web技术 > EasyUI

easyui给datagrid添加分页pagination

时间:2013-07-26 01:57:40   作者:梦幻小纯哥   来源:永硕E盘装饰网   阅读:1074   评论:0
内容摘要:AddapaginationtoDataGrideasyui给datagrid添加分页paginationThisexampleshowhowwecanloaddatafromserverandhowtoaddapaginationtodatagrid.这个例子显示了我们如何从服...

 

Add a pagination to DataGrid

easyuidatagrid添加分页pagination

 

This example show how we can load data from server and how to add a pagination to datagrid.

这个例子显示了我们如何从服务器加载数据和如何给datagrid添加一个分页。

 

DataGrid的分页效果如下:

easyui给datagrid添加分页pagination

 

 

Create DataGrid

创建DataGrid数据表格

 

To load data from remote server, you should set 'url' property, where server will return JSON format data. see datagrid document for more about the data format.

从远程服务器加载数据, 你应该设置“url”属性, 服务器将返回JSON格式的数据。

<table id="tt" class="easyui-datagrid" style="width:600px;height:250px"

              url="datagrid2_getdata.php"

              title="Load Data" iconCls="icon-save"

              rownumbers="true" pagination="true">

 

       <thead>

              <tr>

                     <th field="itemid" width="80">Item ID</th>

                     <th field="productid" width="80">Product ID</th>

                     <th field="listprice" width="80" align="right">List Price</th>

                     <th field="unitcost" width="80" align="right">Unit Cost</th>

                     <th field="attr1" width="150">Attribute</th>

                     <th field="status" width="60" align="center">Stauts</th>

              </tr>

       </thead>

 

</table>

 

We defines datagrid columns and set 'pagination' property to true, which will generate a pagination bar on datagrid bottom. The pagination will send two parameters to server:

我们定义了datagrid数据表格的列和设置“'pagination'”分页属性为true, 'pagination'”分页属性将在datagrid底部生成一个分页栏。这个分页将发送两个参数到服务器:

|- page: The page number, start with 1.

  page参数:当前第几页,从1开始。

|- rows: The page rows per page.

  rows参数:每页几条数据

 

 

The Server Code

服务端的代码

$page = isset($_POST['page']) ? intval($_POST['page']) : 1; 

$rows = isset($_POST['rows']) ? intval($_POST['rows']) : 10; 

// ... 

$rs = mysql_query("select count(*) from item"); 

$row = mysql_fetch_row($rs); 

$result["total"] = $row[0]; 

 

$rs = mysql_query("select * from item limit $offset,$rows"); 

 

$items = array(); 

while($row = mysql_fetch_object($rs)){ 

       array_push($items, $row); 

} 

$result["rows"] = $items; 

 

echo json_encode($result);   

 



标签:添加  加分  分页  
相关评论