分页 很常用,在ext例子中,你按照上面例子 动态分页时往往不成功,我整理了一下,供大家分享:
page.js
Ext.onReady(function(){
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
sm,
{header:"id",dataIndex:"id"},
{header:"name",dataIndex:"name"},
{header:"status",dataIndex:"status"},
{header:"category",dataIndex:"category"},
{header:"moviedate",dataIndex:"moviedate"},
{header:"actors",dataIndex:"actors"},
]);
cm.defaultSortable = true;
var ds = new Ext.data.Store({
url:"page.php",
reader: new Ext.data.JsonReader({
totalProperty: "totalProperty",
root: "results"
}, [
{name: "id",type:'int'},
'name','status','category','moviedate','actors'
])
});
var grid = new Ext.grid.GridPanel({
id:'testgrid',
renderTo:'grid-example',
ds: ds,
cm: cm,
sm: sm,
bbar: new Ext.PagingToolbar({
pageSize: 2,
store: ds,
displayInfo: true,
}),
autoWidth:true,
autoHeight: true
});
ds.load({params:{start:0,limit:2}});
});
page.php
<?php
//Not display warning,notice message
error_reporting(0);
//connect db
$link = mysql_pconnect("localhost", "root", "root")
or die("Could not connect");
mysql_select_db("test") or die("Could not select database");
//get count
$sql_count = "SELECT * FROM movie_info";
//get start and limit
$start = isset($_POST['start']) ? $_POST['start']:0;
$limit = isset($_POST['limit']) ? $_POST['limit']:10;
//generate sql
$sql = $sql_count . " LIMIT ".$start.", ".$limit ;
$rs_count = mysql_query($sql_count);
$rows = mysql_num_rows($rs_count);
$rs = mysql_query($sql);
while($obj = mysql_fetch_object($rs))
{
$arr[] = $obj;
}
//get result
echo '{"totalProperty":"'.$rows.'","results":'.json_encode($arr).'}';
分享到:
相关推荐
还可以通过自定义事件处理程序来实现更复杂的交互逻辑,如监听树节点的展开和折叠事件,动态调整分页参数。 6. 性能优化 为了进一步提高性能,可以在服务器端实现数据缓存,避免频繁请求相同的数据。同时,EXTJS还...
在这个场景中,我们关注的是在EXTJS的Combobox(下拉框)组件中实现分页和动态加载数据的功能。Combobox通常用于展示有限数量的选项,但在大数据集的情况下,一次性加载所有数据可能导致页面性能下降。因此,引入...
在本示例中,我们将深入探讨如何使用ExtJS实现动态加载grid,同时实现CRUD(创建、读取、更新、删除)操作和分页功能。 首先,让我们了解什么是Grid。在ExtJS中,Grid是一种数据网格组件,用于展示大量结构化数据。...
在EXTJS中,分页是实现大数据量展示时不可或缺的功能,它能有效地提高网页性能,减少服务器压力。EXTJS分页通常与数据访问对象(DAO)和动作控制器(Action)结合使用,形成一个完整的数据获取和展示流程。下面将...
在ExtJS4.2中实现后台分页是一个重要的功能,特别是在处理大量数据时,它可以显著提高应用程序的性能和用户体验。后台分页意味着数据不在前端一次性加载,而是分批次从服务器获取,这样可以避免一次性加载过多数据...
总之,这个"extjs+php分页例子"是一个很好的学习资源,它展示了如何利用ExtJS的GridPanel组件和PHP配合,实现高效且用户友好的分页功能。通过深入研究这个实例,开发者不仅可以掌握ExtJS和PHP的结合使用,还能了解到...
在这个“EXTJS简单分页例子”中,我们将深入探讨EXTJS如何实现分页功能,以及如何与后台进行交互。 分页是Web应用中常见的数据展示方式,尤其在处理大量数据时,它可以提高页面加载速度并提供良好的用户体验。EXTJS...
这篇“ExtJS笔记——Grid实现后台分页”探讨了如何在ExtJS的Grid组件中实现高效的后台分页功能。 后台分页是一种常见的数据处理策略,特别是在大数据量的情况下,它将数据分批加载,避免一次性加载所有记录导致的...
extjs增删改查分页树
ExtJS Grid 分页是Web应用中数据展示的重要组成部分,它允许用户高效地浏览大量数据而无需一次性加载所有记录。在本文中,我们将深入探讨ExtJS Grid的分页功能及其实现方式。 首先,ExtJS Grid是一种强大的...
很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...
动态表头是ExtJS中一个高级特性,它允许开发者根据需要在运行时动态地创建和修改表格的列结构。这在处理数据展示和操作时具有很大的灵活性,尤其在数据字段不确定或需要自定义的情况下非常实用。 标题“extjs 实现...
ExtJS提供了一个名为pagingToolbar的组件,可以轻松地与数据存储(如TreeStore)集成,实现分页效果。 1. **TreeStore基础**: TreeStore 是 ExtJS 的一种数据存储类,它专门用来处理树状结构的数据。它可以连接到...
以下是对EXTJS分页后台处理的详细说明: 首先,`Store`对象是EXTJS中用于存储数据的核心组件。在你的代码中,`Store`被创建并配置了`baseParams`、`JsonReader`和`HttpProxy`。 1. `baseParams`: 这个属性用于传递...
在这个MVC(Model-View-Controller)分页实例中,我们将探讨如何利用ExtJS 4.0的MVC架构来实现数据的分页展示。MVC模式是软件工程中的一个设计模式,它将应用程序分为三个主要部分:模型(Model)处理数据,视图...
最近在自学Extjs,做了一个小例子,后台使用SSH,前台是ExtJs,其中包含了很多内容,例如grid,TreeGrid,comboxTree,分页等内容,数据库采用的是mysql,文件中包含了数据库文件,导入mysql数据库即可,希望可以对初学者有一点...
dwr2+Extjs2+分页控件
在本案例中,我们关注的是"extJs之分页控件",这将涉及如何使用ExtJS实现分页功能,并讨论"ux.Andrie.pPageSize"这个特定的组件。 分页控件通常与数据网格(Grid)或者数据视图(DataView)一起使用,用于处理...
"Extjs树分页组件扩展"就是为了解决这一问题而设计的,它通过扩展TreeLoader和PagingToolbar,实现了在树形组件中进行分页加载的效果。 **TreeLoader的扩展** TreeLoader是ExtJS中负责异步加载树节点的类。在原生...
在 ExtJS3.3基础上开发的. 低一点的版本应该也能用. 没有去测试. 参考: Ext.PagingToolbar.js 因为我开发测试完这个分页工具后, 电脑上显示刚好是15:00, 所以取名: PM3PagingToolbar 如有BUG还请各位提出或留言. ...