`
tom840520
  • 浏览: 19396 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
最近访客 更多访客>>
社区版块
存档分类
最新评论

extjs struts2分页

阅读更多

public String execute() throws Exception
    {
        HttpServletResponse response = ServletActionContext.getResponse();
        response.setCharacterEncoding("utf-8");
        List person = dao.getAllPage(start, 10);
       
        //String json= ExtHelper.getJsonFormList(dao.getAllSize(), person);
        String json = "{totalCount:"+dao.getAllSize()+",items:[";
        for(int i =1;i<person.size();i++)
        {
            Person p = (Person)person.get(i);
            json+="{'id':"+p.getId()+",'name':'"+p.getName()+"','age':"+p.getAge()+",'sex':'"+p.getSex()+"','birthday':'"+p.getBirthday()+"'}";
            if(i!=getLimit()+start-1)
            {
                json+=",";
            }
        }
        json += "]}";
        response.getWriter().write(json);
        System.out.println(json);
        System.out.println("person size "+person.size()+"start:"+getStart()+"limit:"+getLimit());
        return null;
    }


    var store = new Ext.data.Store({
       
        reader:new Ext.data.JsonReader({
            totalRecords:"results",
            root:'items',
            totalProperty: 'totalCount',
            idProperty: 'threadid',
            remoteSort: true,
            fields:[
                {name:'id'},
                {name:'name'},
                {name:'age'},
                {name:'sex'},
                {name:'birthday'}
            ]
        }),
        proxy:new Ext.data.HttpProxy({
            url:'ext.action'
        })
    })
。。。
var pagingBar = new Ext.PagingToolbar({
        pageSize: 10,
        store: store,
        emptyMsg: "没有记录"
       });
   
    // 创建grid对象显示数据
    var cb = new Ext.grid.CheckboxSelectionModel();
    var grid = new Ext.grid.GridPanel({
        title:'人员列表',
        el:'grid-div',
        tbar:[toolbar,pagingBar],
        frame:true,
        store:store,
        autoScroll:true,
        width:860,
        iconCls:'silk-user',
        height:480,
        collapsible: true,
        animCollapse: true,
        loadMask:{Msg:'请稍后...'},
        viewConfig : {
                autoFill : true
        },
        sm : cb,
        columns:[
            new Ext.grid.RowNumberer({
                    header : '行号',
                    width : 40
                }),// 表格行号组件
            cb,
            {header:'id',width:10,dataIndex:'id',sortable:false},
            {header:"姓名",width:80,dataIndex:'name',sortable:true},
            {header:"年龄",width:80,dataIndex:'age',sortable:true},
            {header:"性别",width:80,dataIndex:'sex',sortable:true},
            {header:"生日",width:80,dataIndex:'birthday',sortable:true}
        ]
    });
     grid.render("grid-div");
     store.load({params:{start:0, limit:10}});

分享到:
评论

相关推荐

    extjs+struts2分页例子

    这个简单的例子展示了EXTJS如何利用Struts2来获取和展示分页数据,帮助开发者快速理解并应用到实际项目中。对于初学者来说,这是一个很好的起点,可以进一步探索EXTJS和Struts2的更多高级特性,如过滤、排序和自定义...

    struts2+ExtJS(带分页效果)

    综上所述,"struts2+ExtJS(带分页效果)"项目结合了后端的Struts2框架和前端的ExtJS库,实现了数据管理功能,并且通过分页增强了用户体验。开发者可以通过学习这两个技术,提升Web应用的开发效率和用户体验。

    extjs 跟 struts+json

    文章可能通过一个实际项目或示例,详细解释了如何将ExtJS的Grid Panel与Struts 2通过JSON进行数据交互,帮助读者理解这两种技术的整合过程。学习这些内容有助于提升Web应用的用户体验,实现数据的实时更新和交互。

    搭建EXTJS和STRUTS2框架

    EXTJS和STRUTS2是两个在Web开发中广泛应用的框架。EXTJS是一个JavaScript库,主要用于构建富客户端的用户界面,而STRUTS2则是一个基于MVC模式的Java Web框架,用于处理后端逻辑。这篇文章将深入探讨如何将这两个框架...

    Struts2+Json+ExtJS分页

    ### Struts2+Json+ExtJS分页技术详解 #### 一、技术背景与概述 在Web开发领域,实现高效的数据展示与交互是至关重要的。本文档将介绍如何使用Struts2框架结合JSON数据格式以及ExtJS前端库来实现动态分页功能。此...

    Extjs+struts2+hibernate 做的一个简单的图书管理系统(源代码)

    6. **数据分页**:在展示大量图书时,可能需要分页功能,这可以通过ExtJS的分页组件和Struts2配合实现。 通过这个项目,开发者可以深入理解Web应用的开发流程,掌握前后端分离的实现方式,以及三大框架间的协作。...

    ExtJs在struts2.0.x下实现动态树的解决方案

    Struts2与ExtJs的结合,可以通过Struts2的插件如Struts2-ExtJS-plugin或者自定义结果类型来实现。 1. **设置环境** 在项目中引入ExtJs库和Struts2的相关依赖。确保struts2-core、struts2-json-plugin或struts2-...

    Extjs+Struts2系统后台管理框架

    这种组合允许前端利用ExtJS的强大界面组件来提供美观、交互性强的用户界面,而后端通过Struts2处理业务逻辑和数据操作,实现前后端的分离。 在"Extjs+Struts2系统后台管理框架"中,"新闻列表"功能通常涉及到以下几...

    extjs与struts的整合代码

    1. **配置Struts2 Action:** 在Struts2的配置文件中定义Action,这些Action将处理来自ExtJS的请求,并返回JSON或XML数据,供前端展示。 2. **创建ExtJS Store:** Store是ExtJS中的数据容器,负责与服务器进行数据...

    ExtJS4+Struts2.1的Grid 增删改查

    ExtJS是一个强大的JavaScript库,用于构建富客户端的用户界面,而Struts2则是一个Java Web框架,主要用于处理服务器端的业务逻辑和控制流程。本文将深入探讨如何使用这两种技术实现Grid的增删改查功能,帮助新手理解...

    extjs+struts2+mysql

    在 ExtJS 中可以通过配置 Store 来实现,而在 Struts2 Action 中需要计算总数和处理分页参数。 - 错误处理和日志记录:在前后端都需要设置适当的错误处理机制,如异常捕获和错误提示,同时记录详细的日志以便于调试...

    ExtJs4.2+Mysql+Struts2+Hibernate3实现分页查询

    ExtJs4.2+Mysql+Struts2+Hibernate3实现分页查询 1.libs目录缺少hibernate核心jar包 2.libs目录缺少struts jar 3.WebRoot目录缺少ExtJs4.2核心类库 以上信息我都在项目里面注明了,因为这些内容的文件太大了,CSDN不...

    SSH2+ExtJS源码(带分页效果)

    标题中的"SSH2+ExtJS源码(带分页效果)"指的是一个使用Struts2、Spring、Hibernate和ExtJS这四个核心技术构建的Web应用程序示例。这个项目中,开发者集成这些框架来实现数据的CRUD操作,并且具有分页显示的功能,...

    struts2和ExtJs整合实例

    Struts2和ExtJS是两种在Web开发中广泛使用的开源技术。Struts2是一个基于MVC(Model-View-Controller)设计模式的Java Web框架,它简化了开发过程,提供了强大的控制层支持。而ExtJS则是一个用于构建富客户端应用...

    extjs+struts2的一个套路模式

    在IT领域,特别是Web开发中,Struts2与ExtJS的结合是一种常见且高效的技术搭配。Struts2作为后端框架,负责业务逻辑处理及数据交互;而ExtJS作为前端框架,专注于用户界面的构建与优化。两者结合,能够实现前后端...

    ssh+extjs全注解的上传、分页、验证码的demo

    SSH+EXTJS是一种常见的Web开发框架组合,其中SSH代表Struts2、Hibernate和Spring,而EXTJS是一个前端JavaScript框架。这个“ssh+extjs全注解的上传、分页、验证码的demo”提供了如何在SSH后端框架基础上,结合EXTJS...

    extjs动态树struts请求数据

    总结以上,ExtJS动态树与Struts的结合使用,需要熟练掌握ExtJS TreePanel的配置,JSON数据的构造和解析,以及Struts2的Action和Result机制。通过Ajax请求,前端可以动态获取和更新树形数据,实现交互式用户界面。

    SSH+ExtJs分页小例子

    总结来说,这个SSH+ExtJS分页小例子展示了如何利用Spring、Struts和Hibernate处理后端数据,以及如何结合ExtJS展示分页结果。通过理解这些代码,开发者可以学习到如何在Java Web应用中实现高效的数据分页,并且了解...

    ExtJs中的Grid Title部分利用XML定义(ExtJS+Struts2)

    本教程将详细讲解如何在ExtJs中利用XML来定义Grid的Title部分,并通过Struts2 Action获取数据。 首先,让我们了解`ExtJs Grid Title`。Title是Grid面板的头部,通常用来展示Grid的标题或列名。在传统的定义中,我们...

    ExtJs Json 分页

    本文档介绍了一个基于Struts2、Spring、Hibernate、ExtJs和JSON的分页解决方案。该方案利用了前端框架ExtJs与后端框架的结合,实现了高效的数据分页功能。 #### 二、关键技术点 ##### 1. Struts2 Struts2是Apache ...

Global site tag (gtag.js) - Google Analytics