`
83026191
  • 浏览: 45368 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

extjs组建化编程(GridPanel分页json的)

阅读更多

JsonPagingGridPanel =Ext.extend(Ext.grid.GridPanel,{
  
     constructor:function(){
     this["store"]:new Ext.data.Store({
         url:"",
      //reader解析
      reader:new Ext.data.JsonReader({
         //autoLoad:true,
               root:"rows",//解析指定xml的节点
         //分页需要的属性(数量)
         totalProperty:"count"
         },Ext.data.Record.create(["id","type","money"])
         )
         });
     JsonPagingGridPanel.superclass.constructor.call(this,{
    renderTo:Ext.getBody(),
    width:300,
    height:400,
    //baseParams:{start:0,limit:5}
    //可以选择行数
    sm:new Ext.grid.RowSelectionModel({
        //设置为单选
           singleSelect:true
    }
    bbar:new Ext.PagingToolbar({
              store:this.store,
        //一页显示多少个
        pageSize:5
      }),
    //绑定store中的数据到列中
    columns:[{
       header:"类型",
       dataIndex:"type"
    },{
       header:"金额",
       dataIndex:"money"
       }]
        });
  /*  
     this.getStore().on("load",function(_store){
    //_store.getTotalCount()中值的数量
    alert(_store.getTotalCount());  
  });*/
  this.getStore().load({params:{start:0,limit:5}});
  }       
       
});

分享到:
评论

相关推荐

    ExtJS4.0下的gridPanel组建完全版

    8. **性能优化**:对于大数据量的表格,ExtJS 4.0引入了虚拟滚动和内存分页机制,显著提高了GridPanel的性能。虚拟滚动只渲染可视区域的行,而内存分页则在内存中缓存一定数量的数据,减少了DOM元素的数量,提高了...

    ExtJs学习资料22-从服务器获取JSON数据并分页处理.doc

    这个简单的示例展示了如何利用ExtJs从服务器获取JSON数据,并使用分页策略在GridPanel中显示。在实际项目中,你可能还需要考虑错误处理、用户交互、性能优化等方面的问题,以构建更加健壮和用户友好的数据展示界面。

    ExtJS 表格面板GridPanel完整例子

    ExtJS表格面板(GridPanel)是Sencha Ext JS框架中的一个核心组件,它用于展示大量结构化数据。在本文中,我们将深入探讨如何创建并使用一个完整的ExtJS GridPanel实例,以及与其相关的源码和工具。 首先,让我们...

    ExtJs 2.0 GridPanel+Struts2 with JSON plugin[更新代码]

    通过以上知识点的结合,你可以创建一个功能完备的 ExtJS 2.0 GridPanel,利用 Struts2 JSON 插件与后端进行高效的数据交互,提供用户友好的数据展示和操作界面。在实际项目中,可能还需要根据具体需求进行定制和优化...

    Extjs入门教程(treePanel和GridPanel)

    GridPanel则是ExtJS中的表格视图组件,它可以展示大量的数据,并提供排序、筛选、分页等功能。在集成TreePanel和GridPanel时,可能涉及到的概念有:将TreePanel的节点与GridPanel的数据关联,实现点击树节点时动态...

    EXTJS 增删改查及c#json连接数据库

    首先,EXTJS的GridPanel是进行数据展示的核心组件,它可以显示多列数据,并支持分页、排序、过滤等高级功能。在增删改查的应用中,GridPanel通常与Store组件配合使用,Store负责加载和管理数据。当用户进行操作时,...

    EXTJS分页全面分析

    #### 一、EXTJS GridPanel分页概述 在EXTJS框架中,`GridPanel`组件是一种常用的数据展示工具,它能够以表格形式呈现数据集。而分页功能是`GridPanel`一个重要的特性,它能够帮助用户更有效地管理大量的数据记录,...

    extjs+php分页例子

    1. **ExtJS分页组件**:ExtJS的GridPanel组件是展示数据的常用方式,它内置了分页功能。通过配置store(数据存储)中的paging参数,可以启用分页。例如,设置`paging: true`开启分页,然后通过`proxy`配置项连接到...

    extjs学习 分页后台处理

    以下是对EXTJS分页后台处理的详细说明: 首先,`Store`对象是EXTJS中用于存储数据的核心组件。在你的代码中,`Store`被创建并配置了`baseParams`、`JsonReader`和`HttpProxy`。 1. `baseParams`: 这个属性用于传递...

    Struts2+Json+ExtJS分页

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

    extjs gridpanel例子和简单应用

    ### ExtJS GridPanel 使用详解及示例 #### 一、引言 在现代Web应用程序开发中,特别是基于ExtJS框架的应用程序中,`GridPanel`是处理表格数据展示的一个非常重要的组件。它不仅可以帮助开发者轻松地展示数据,还...

    extjs前台分页插件PagingStore!

    ExtJS的PagingStore是其框架中用于实现前端分页功能的重要组件,主要适用于处理大量数据的场景,以提高网页性能并提供良好的用户体验。在ExtJS 3.x版本中,PagingStore是与GridPanel结合使用,使得用户可以逐页加载...

    Extjs分页使用java实现数据库数据查询.docx

    在本文中,我们将探讨如何使用ExtJS框架结合Java实现数据库数据的分页查询。ExtJS是一个强大的JavaScript库,常用于构建桌面级的Web应用程序,而Java则是一种广泛使用的后端开发语言,常用于处理服务器端逻辑。在这...

    Extjs2分页树 带查询功能

    在传统的表格组件(GridPanel)中,分页通常是通过Store对象和PagingToolbar组件实现的。Store负责从服务器获取数据并管理缓存,而PagingToolbar则提供用户界面,让用户可以翻页。在树形组件中,虽然没有内置的分页...

    extjs表格(表格后台数据读,分页),树(后台数据读取,复选框联动)的基本操作示例

    在这个示例中,我们关注的是ExtJS中的两个关键组件:GridPanel和TreePanel,以及它们如何与后台数据进行交互,实现分页和复选框联动功能。 1. **GridPanel**:GridPanel是ExtJS中用于展示表格数据的组件,它提供了...

    struts2+ExtJS(带分页效果)

    ExtJS的分页功能主要通过GridPanel组件实现,配合Store进行数据管理,可以通过Ajax异步加载数据,实现前后端分离的分页效果。 在"struts2+ExtJS(带分页效果)"的项目中,Struts2作为后端框架处理数据操作,如添加...

    通过Servlet让Extjs GridPanel 显示数据库数据.docx

    ### 通过Servlet让Extjs GridPanel显示数据库数据 在现代Web开发中,将数据库中的数据动态展示在前端界面上是一项常见的需求。本文档主要介绍如何通过Servlet技术配合Extjs框架中的GridPanel组件来实现这一功能。 ...

    EXT2.0分页

    EXT2.0的分页功能不仅限于简单的数字翻页,还可以与其他组件结合,如GridPanel,实现表格数据的分页。同时,EXT2.0还支持远程分页和本地分页,前者将分页逻辑交给服务器处理,后者则在客户端完成,适用于数据量较小...

    extjs4打印grid插件

    1. **源代码文件**:可能包括.js文件,这些文件实现了打印插件的逻辑,可能包含GridPrinter类,该类扩展了ExtJS的GridPanel,添加了打印功能。 2. **示例程序**:可能包含.html和.js文件,这些文件展示了如何在实际...

Global site tag (gtag.js) - Google Analytics