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

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

阅读更多

PagingGridPanel =Ext.extend(Ext.grid.GridPanel,{
  
     constructor:function(){
     this["store"]:new Ext.data.Store({
         url:"",
      //reader解析
      reader:new Ext.data.XmlReader({
         autoLoad:true,
               record:"row",//解析指定xml的节点
         //分页需要的属性(数量)
         totalRecords:"@count"
         },Ext.data.Record.create([{//对应XML的字段
               name:"id" ,mapping:"@id"
         },{
         name:"type" ,mapping:"@type"
         },{
         name:"money",mapping:"@money"
             }])
         )
         });
     PagingGridPanel.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元素的数量,提高了...

    Extjs2.02 Gridpanel

    数据是GridPanel的核心,EXTJS支持多种数据格式,包括数组、JSON、XML等。对于数组,我们可以直接在JavaScript中定义,如: ```javascript var data = [ ['1', 'name1', 'descn1'], ['2', 'name2', 'descn2'], ...

    Extjs2分页树 带查询功能

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

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

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

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

    GridPanel 是 ExtJS 中的核心组件之一,它能够展示表格数据,并提供了排序、分页、筛选等多种功能。在 ExtJS 2.0 中,GridPanel 的配置和使用涉及到以下知识点: 1. **创建 GridPanel**:首先,你需要定义数据源,...

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

    Grid用于显示大量的结构化数据,提供筛选、排序、分页等功能。本教程将详细讲解如何在ExtJs中利用XML来定义Grid的Title部分,并通过Struts2 Action获取数据。 首先,让我们了解`ExtJs Grid Title`。Title是Grid面板...

    extjs模拟excel表格

    GridPanel允许我们展示大量数据,并提供了诸如排序、过滤、分页等高级功能。通过设置列宽、可编辑性以及自定义渲染,我们可以使GridPanel看起来和Excel非常相似。 1. **数据绑定与存储**:在模拟Excel时,我们需要...

    无废话ExtJs 系统教程十四[列表:GridPanel]

    GridPanel是ExtJS中的核心组件之一,它允许用户以表格形式展示大量数据,并支持分页、排序、过滤、编辑等功能。在实际开发中,GridPanel经常用于后台管理系统,因为它能够提供直观的数据浏览和操作体验。 首先,要...

    extjs模仿excel效果

    GridPanel是ExtJS中用于显示数据的组件,它可以展示大量数据并支持分页、排序等功能。通过配置列模型(columns),我们可以定义表格的列头、宽度和对齐方式,以及数据字段映射。例如: ```javascript var columns =...

    extjs实例~~~

    `ext_code.txt`可能包含了EXTJS的一些基础代码结构或特定功能的实现,比如组件创建、事件监听、数据绑定等,对于初学者理解EXTJS的编程模式非常有帮助。 在EXTJS的学习过程中,理解这些核心概念和组件的使用是至关...

    ExtJS 实用教程

    5. **GridPanel**:ExtJS的GridPanel是展示大量结构化数据的理想选择。它支持分页、排序、过滤和编辑等功能,可以轻松地创建功能完备的数据表格。 6. **Form组件**:ExtJS提供了多种表单控件,如文本框、下拉框、复...

    extjs3.0框架

    5. **数据网格**:ExtJS的GridPanel是展示大量数据的利器,支持排序、分页、筛选、编辑等功能,还可以与服务器端进行数据交互。配合ColumnModel和Store,可以灵活定制列显示和数据处理。 6. **菜单和工具栏**:菜单...

    extjs3.0开发包含示例api

    1. **组件(Components)**:EXTJS的核心在于其强大的组件系统,如GridPanel(数据网格)、FormPanel(表单)、TabPanel(选项卡)和Window(弹出窗口)等,这些组件都具有丰富的配置项和事件处理机制。 2. **数据...

    extjs-4.1.1.zip

    ExtJS的GridPanel提供了高度可配置的表格视图,支持行编辑、分页、排序、过滤、拖放等功能。其强大的功能包括但不限于:行级锁定,用于冻结列;行合并,用于显示复杂的数据结构;以及灵活的数据源绑定,可以对接不同...

    extJS的相关学习资料

    例如,你可以找到GridPanel(数据网格)的详细信息,了解如何加载数据、排序、分页,以及如何添加行编辑等功能。此外,手册还包含了许多实用示例代码,帮助你快速上手。 其次,新深刻理解EXT与服务器端的交互.docx...

    ajax框架之extjs2.0

    ExtJS 2.0的核心特性之一是组件化开发。它包含了一系列预定义的UI组件,如表格、面板、窗口、菜单、按钮等,这些组件可以像积木一样组合使用,构建复杂的Web界面。每个组件都有自己的属性、方法和事件,方便定制和...

    ExtJs中文教程

    #### 二十一、GridPanel分页 1. **JSON-LIB简介** - JSON-LIB是用于处理JSON数据的Java库,常用于服务器端分页。 2. **分页工具栏** - 展示如何使用ExtJs内置的分页工具栏组件。 3. **实现GridPanel分页** - 通过...

    extjs3.0例子

    3. **Ext.grid.GridPanel**: Grid是EXTJS处理表格数据的主要组件,支持分页、排序、过滤等功能。GridPanel包括`store`(数据源)、`columns`(列定义)和`viewConfig`(视图配置)等关键部分。 4. **Ext.form....

    ext(extJS) 3.0 中文API CHM版 ext中文帮助文档

    10. **网格组件**(GridPanel):EXTJS的网格组件是其标志性功能,可以显示大量数据并支持排序、分页、过滤等操作。 EXTJS 3.0中文API CHM版文档详细列出了以上所有功能的用法和示例,包括组件的配置项、方法、事件...

Global site tag (gtag.js) - Google Analytics