Extjs4中的分页应用结合前后台_extjs

前台部分:

复制代码 代码如下:

Ext.define('GS.system.role.store.RoleGridStore',{
extend:'Ext.data.Store',
model:'GS.system.role.model.RoleGridModel',
id:'roleStoreId',
pageSize:4,//分页大小
proxy:{
type:'ajax',
url:'/gs_erp/roleAction!getRoleList',
reader: {
type: 'json',
root: 'rows',
totalProperty: 'total'
}
},
sorters: [{
property: 'id', //排序字段
direction: 'asc'// 默认ASC
}],
autoLoad:{start: 0, limit: 4}//start是从第几条开始,limit是每页的条数
});

store.loadPage(1); //加载第一页
后台部分:

复制代码 代码如下:

private int limit;//每一页的条数
private int start;//从哪一条数据开始查
private int total;//总条数
/**
* 查找所有角色
*/
public void getRoleList()
{

List<Role> roleList=new ArrayList<Role>();
StringBuffer toJson=new StringBuffer();//用来放json数据
System.out.println(start+","+limit+","+total);
try
{
roleList=(List<Role>) pageServiceImpl.commonPagination(Role.class, "", start, limit);
total=pageServiceImpl.getTotalNum(Role.class, "");
toJson.append("{total:").append(""+total+"").append(",success:true,").append("start:")
.append(""+start+"").append(",");
toJson.append("rows:[");
for(int i=0;i<roleList.size();i++)
{
toJson.append("{id:").append("'").append(""+roleList.get(i).getId()+"").append("'")
.append(",name:").append("'").append(""+roleList.get(i).getName()+"")
.append("'").append(",desc:").append("'").append(""+roleList.get(i).getDesc()+"")
.append("'").append("}");
if(i<roleList.size()-1)
{
toJson.append(",");
}
}
toJson.append("]}");
} catch (Exception e1)
{
// TODO Auto-generated catch block
e1.printStackTrace();
}
try
{
response.setHeader("Cache-Control", "no-cache");
response.setContentType("text/json;charset=utf-8");
response.getWriter().print(toJson);
System.out.println(toJson);
} catch (IOException e)
{
// TODO Auto-generated catch block
e.printStackTrace();
}
}

时间: 2024-11-10 00:53:14

Extjs4中的分页应用结合前后台_extjs的相关文章

Extjs4中的分页应用结合前后台

 本文为大家介绍下Extjs4中的分页如何使用且结合前后台,具体的示例如下,感兴趣的朋友可以参考下 前台部分:  代码如下: Ext.define('GS.system.role.store.RoleGridStore',{  extend:'Ext.data.Store',  model:'GS.system.role.model.RoleGridModel',  id:'roleStoreId',  pageSize:4,//分页大小  proxy:{  type:'ajax',  url:

ExtJS4中使用mixins实现多继承示例_extjs

在ExtJS4中使用mixins来实现多继承.具体例子代码如下: 复制代码 代码如下: (function(){ Ext.onReady(function(){ Ext.define('say',{ canSay:function(){ alert("hello"); } }); Ext.define('eat',{ caneat:function(){ alert("eating"); } }); Ext.define("user",{ mix

extjs4.2 grid 分页排序问题

问题描述 extjs4.2 grid 分页排序问题 action拿到sort了,然后怎么做,拿到的格式[{"property":"","direction":"ASC"}].接下要怎么传值给SQL.我试着把它拆分出来传给sql但是没效果.sql:select * from table order by ? ? limit ?,? 解决方案 http://www.shuyangyang.com.cn/jishuliangongf

Python的Flask框架中实现分页功能的教程

  这篇文章主要介绍了Python的Flask框架中实现分页功能的教程,文中的示例基于一个博客来实现,需要的朋友可以参考下 Blog Posts的提交 让我们从简单的开始.首页上必须有一张用户提交新的post的表单. 首先我们定义一个单域表单对象(fileapp/forms.py): ? 1 2 class PostForm(Form): post = TextField('post', validators = [Required()]) 下面,我们把这个表单添加到template中(file

mvc模式的extjs4中pannel多选问题(在线等 急)

问题描述 mvc模式的extjs4中pannel多选问题(在线等 急) 需求:我需要在查询列表面板panel中添加多选项,并可以通过点击查询面板panel上的按钮获取查询列表面板的所有选中值. 现象:方法一.我使用selModel : new Ext.selection.CheckboxModel(),点击查询面板的按钮可以获取到多选值,通过弹出框显示出来,但是关闭弹出框以后,只能通过表头的多选框进行全选或取消全选,单击列表中的个别行或行前的多选框就没反应: 方法二.我使用selModel :

详解数据库中的分页、内存和I/O延迟

几年前我写了一篇关于 AIX 调优的文章,现在 AIX 7 出现了,所以有必要重新审视需要在 AIX 系统上执行的基本调优措施.已经发布的许多技术级别 (TL) 和一些建议可能会改变.在本文中,我将提供与 AIX 5.3.6.1 和 7 中的可调项相关的 AIX 调优信息. 我主要关注 I/O.内存和网络.在默认情况下,AIX 6 和 7 在内存调优方面做得相当好,只需要做几个小调整.但是,AIX 5.3 在这个方面需要更多调优.图 1 给出不同的可调项及其默认设置.第四栏是对于这三个版本最新的

ASP.NET技巧:在存储过程中实现分页

asp.net|存储过程|分页|技巧     我不是一个很有经验的程序员,在做项目的过程中会遇到很多的问题,在数据库中使用分页就是我做项目中遇到的一个问题.我从网上查了很多资料,有很多种方法.但我觉的创建临时数据表是最简单的方法,在我做Membership扩展时发现原来微软也是这样用的,你可一随便打开一个Membership的存储过程看看.     说了再多也没用,只要看看代码就清楚了,呵呵.      1CREATE PROCEDURE dbo.CreateSimple 2( 3 @PageI

PHP中模板分页的处理

分页|模板 PHP普通开发中php代码和html代码夹杂的情况中处理分页是比较简单的,也可以构建成函数的形式.最近开发中使用 Pear::DB + Smarty 的结构,于是考虑如果对模板进行分页,因为不能直接操作页面,所以就考虑生成分页字符串的形式. 因为是三层结构,类库-->PHP调用-->模板的形式,所有的数据处理是在类库里的,那么分页控制就在PHP调用中进行的,模板就复杂解析调用的结果.先直接看我们PHP调用中的分页代码:   -----------------------------

如何在Word 2013文档中插入分页符

分页符主要用于在Word2013文档的任意位置强制分页,使分页符后边的内容转到新的一页.使用分页符分页不同于Word2013文档自动分页,分页符前后文档始终处于两个不同的页面中,不会随着字体.版式的改变合并为一页.用户可以通过三种方式在Word2013文档中插入分页符: 方式1:打开Word2013文档窗口,将插入点定位到需要分页的位置.切换到"页面布局"功能区.在"页面设置"分组中单击"分隔符"按钮,并在打开的"分隔符"下拉