jQuery EasyUI数据网格中添加分页例子

创建数据网格

 

想要从远程服务器端加载数据,首先你应该设置“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>

我们定义数据网格列,并设置“pagination”属性为true,因此在数据网格的底部会生成一个分页工具栏。pagination将发送两个参数到服务器:

page:页码,起始值 1
rows:每页显示行

服务器端代码

 


 

 代码如下

复制代码
$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);

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索服务器
, 数据
, 代码
, 属性
, 格式
attribute
easyui各种分页例子、easyui子网格例子、jquery easyui 分页、jquery easyui 网格、jquery easyui 例子,以便于您获取更多的相关知识。

时间: 2024-10-10 11:37:26

jQuery EasyUI数据网格中添加分页例子的相关文章

IBM WebSphere Portal高级缓存内容转移数据网格中的性能收益

WebSphere eXtreme Scale 和 XC10 缓存设备提供了 dynacache 实现,它将缓存的内容存储在一个弹性的数据网格中,而不使用默认的 dynacache 实现(后者将缓存的内容存储在 IBM http://www.aliyun.com/zixun/aggregation/13387.html">WebSphere Application Server 堆空间中或磁盘上).本文介绍将 WebSphere Portal 高级缓存内容转移到一个 XC10 缓存设备所托

在datagrid数据表格中添加easyui工具栏提示

问题描述 在datagrid数据表格中添加easyui工具栏提示 想把这么一段工具栏提示框的代码加入到datagrid数据表格中 原注释内容为更改名称 解决方案 easyUI 数据表格-datagridEasyUI datagrid数据表格--获取datagrid中选中行的数据jQuery EasyUI DataGrid 数据表格 解决方案二: 不是很明白你的意思,

看实例学VFP:向数据表中添加记录时自动生成编号

本例在"看实例学VFP:向数据表中添加记录并验证输入数据是否合法"的基础上进行了改进,实现了在添加记录时不仅能够完成对输入数据的校验,还具有自动生成编号的功能.自动生成编号的相关代码加在表单的init事件及"添加"按钮的click中,在表单第一次启动或添加完记录后都会调用此段代码,实现自动生成编号的功能.运行界面如下: 本例用到了"数据1"数据库中的"网站信息表",关于该数据库的情况已经在看实例学VFP:示例数据库一文中给出,

看实例学VFP:向数据表中添加记录并验证输入数据是否合法

本例的执行过程大致是在添加记录时首先使用empty()函数对接收数据文本框作是否为空的判断,使用locate做记录指针定位(关于vfp表记录指针定位和数据排序请参考:记录指针定位和数据排序),并判断是否和表中已有的数据重复.通过以上方式完成数据校验,如果满足非空.非重复的条件,则使用append blank命令在表中添加一条空白记录,然后使用replace命令将该记录的对应字段的值修改成表单上对应文本框内输入的值.程序运行时如下图: 本例用到了"数据1"数据库中的"网站信息表

jQuery EasyUI 布局之动态添加tabs标签页_jquery

在没看下文之前先给大家简单介绍easyui相关知识. easyui是一种基于jQuery的用户界面插件集合.ddd easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能. 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面. easyui是个完美支持HTML5网页的完整框架. easyui节省您网页开发的时间和规模. easyui很简单但功能强大的. 通过使用 jQuery EasyUI 可以很容易地添加 Tabs.您只需要调用

wordpress编辑器中添加分页(nextpage)按钮方法

也可以用这篇文章说的方法在后台编辑器上添加自己喜欢的快捷键按钮,十分的方便,已经过本人测试,非常好用. ------- 相信现在使用wordpress3.0发布文章,添加文章时在编辑器上只会看得到一个more标签(摘取文章摘要),但是有时候写的文章字数比较多,放在一页会影响读者的阅读兴趣,所以需要将长文章分页,这样不会引起读者心里上的反感. 文章分页功能在WordPress 1.5版本中的文章编辑器中有这个功能,但是不知为什么后来从编辑器中去掉了,不过文章分页并未真正的消失,我们可以通过修改程序

如何在Word2010中添加分页符

  分页符,顾名思义就是分开页与页之间的符号,这样可以更好的对不同的页面进行编辑.想要灵活的对页面格式进行设置的话,可不是那么简单的,首先要在Word2010中寻找到分页符,然后再插入. Word2010 方法一 打开Word2010文档,将光标移动到目标位置. 打开"页面布局"选项卡. 在"页面设置"中单击"分隔符"按钮. 在"分隔符"列表中选择"分页符"选项. 方法二 打开Word2010文档窗口,将光

如何在Excel表格数据批量中添加各种符号

将数据录入到Excel表格中有什么难的?这可是Excel最基本的操作,只要会打字不就行了吗?然而在实际工作中,这项看似简单的操作有时却并没有那么容易完成. 由于不同的工作内容需要不同格式的数据,所以在Excel工作表中,会有各种各样类型的数据,所以在录入数据时,必须要先理解这份工作表中数据类型的含义,理清它们之间的区别.其实各类数据在输入.使用和修改的时候,都有很多小技巧可以利用,了解和掌握了这些技巧,就可以帮助我们高效并圆满地完成工作. 在Excel中快速输入各类数值 概括地说,数值类数据可以

JQuery easyUi dataGrid工具栏 怎么添加搜索输入框

问题描述 function rollback(Data){var userData = eval("("+ Data.userList+")"); //生成dataGrid $('#test').datagrid({ title:'用户信息表', iconCls:'icon-edit', // url:'getData.action', loadMsg:'数据加载中,请稍后...', width:'auto', height:420, rownumbers:true