`

EXT中GRID的小例子

    博客分类:
  • json
阅读更多

闲的没事,做个Ext中Grid的例子,有数组的形式、JSON的形式、XML形式,都有例子。直接下载后直接部署到你的服务器上就可以看了:

 

 

 

 

 

 

GridJson = Ext.extend(Ext.grid.GridPanel, {
 constructor : function() {
  GridJson.superclass.constructor.call(this, {
   title : "grid列表示例",
   width : 520,
   height : 170,
   renderTo : new Ext.getBody(),
   cm : new Ext.grid.ColumnModel([{
    header : "id",
    dataIndex : "id"
   }, {
    header : "email",
    dataIndex : "email"
   }, {
    header : "姓名",
    dataIndex : "name"
   }, {
    header : "性别",
    dataIndex : "sex"
   }, {
    header : "年龄",
    dataIndex : "age"
   }]),
   store : new Ext.data.JsonStore({
    id : "id",
    fields : ["id", "email", "name", "sex", "age"],
    data :[{
        id:"1",
        name:"小桃红",
        email:"xiaohong@163.com",
        sex:"0",
        age:"20"
    }, {
        id:"2",
        name:"李凯",
        email:"laikai@163.com",
        sex:"0",
        age:"22"
    }, {
        id:"3",
        name:"江明",
        email:"jiangming@163.com",
        sex:"0",
        age:"21"
    }, {
        id:"4",
        name:"齐鲁",
        email:"qilu@163.com",
        sex:"0",
        age:"24"
    }, {
        id:"5",
        name:"小刚",
        email:"xiaogang@163.com",
        sex:"0",
        age:"29"
    }]
   })
  });
 }
});

分享到:
评论

相关推荐

    用ext propertyGrid做的小例子

    标题中的“用ext propertyGrid做的小例子”表明这个压缩包包含了一个使用EXTJS库的Property Grid组件的示例。EXTJS是一个流行的JavaScript框架,用于构建富客户端Web应用程序,而Property Grid是一个数据展示组件,...

    ext的grid简易例子

    在这个例子中,我们创建了一个简单的EXT Grid,包含了两个字段(姓名和年龄),并且这两个字段都是可编辑的。数据源是从数组中加载的,但也可以通过修改`store`配置来连接到服务器获取数据。 EXT Grid还可以配合...

    最新的GT-Grid vs EXT-Grid例子(超级经典)

    在例子中,我们可以看到三种不同场景的应用,这些例子可能展示了GT-Grid和EXT-Grid在处理基础数据展示、高级功能集成以及自定义程度上的差异。例如,可能有一个例子专门对比两者的数据加载速度,另一个可能比较各自...

    ext grid tree 应用

    在EXT JS框架中,"ext grid tree 应用"是一个常见的功能组合,它结合了Grid面板和Tree面板的优势,用于展示复杂的数据结构。Grid通常用于显示二维表格数据,而Tree则用于展示层次化的数据。在这个例子中,开发者通过...

    ext-grid+json简单应用

    在"EXT-GRID+JSON简单应用"中,我们将探讨如何使用EXT-JS的Grid组件与JSON数据源进行集成,以创建一个动态的数据表格。 EXT-JS的Grid组件允许开发者通过定义列模型、存储器和视图来展示数据。在JSON方面,它是一种...

    Ext3.2源码、API、及Demo(grid例子)

    "ExtTest"项目是一个实际的应用示例,其中的grid例子展示了EXT3.2在数据管理中的应用。GridPanel是EXT中用于显示大量数据的组件,它可以轻松地进行数据增删改查操作。在grid例子中,你可能会看到如何使用Store来加载...

    在Ext的grid里实现带radio单选功能的gridlist

    在Ext JS这个强大的JavaScript框架中,开发人员经常需要创建数据展示组件,比如Grid,来显示大量数据并提供交互性。Grid List是Grid的一种扩展,它不仅具有基本的表格功能,还可以进行更复杂的操作。本教程将详细...

    jsp 实现的 EXT Grid 导出excel 例子

    EXT Grid是EXT JS库中的一个组件,它提供了丰富的数据展示和交互功能,广泛应用于数据管理和分析。在本例中,我们将深入探讨如何使用JSP来实现EXT Grid的数据导出到Excel的功能。 EXT Grid是EXT JS框架中的一个核心...

    grid js 例子一个 ext 的

    根据给定的信息,我们可以推断出这是一篇关于如何使用 Ext JS 框架中的 Grid 组件的文章。Ext JS 是一款基于 JavaScript 的前端框架,它提供了丰富的用户界面组件,包括表格(Grid)。以下是对该文章内容的详细解读...

    ext表格布局小例子

    ### ExtJS 表格布局小例子详解 #### 一、简介 本文档旨在解析一个具体的 ExtJS 表格布局小例子,重点介绍其中涉及的数据存储、数据删除与添加的方法。ExtJS 是一款强大的 JavaScript 框架,用于构建交互式的前端...

    ExtGrid使用

    这个例子在.NET环境中展示了如何有效地使用ExtGrid,包括显示数据、增删改查(CRUD)操作以及分页功能。下面将详细介绍这些知识点。 1. **Ext JS**:Ext JS是一个用于构建富客户端Web应用的JavaScript框架,它提供...

    EXTgrid导出excel

    EXTgrid是一款基于JavaScript的前端数据展示组件,广泛应用于Web应用程序中,用于展示大量结构化数据。它是由ExtJS库提供的一种强大的数据网格控件。在Web应用中,有时需要将EXTgrid中的数据导出到Excel文件,以便...

    Ext Grid表格分组统计

    在Ext JS这个强大的JavaScript框架中,`Ext Grid`是一个用于创建数据网格的组件,它能够高效地展示大量结构化数据。当我们需要对数据进行分组并同时显示统计信息时,`Ext Grid`提供了`GroupSummary`功能。在这个完整...

    ext实例 左边是 tree 右边是grid 双击grid弹出form修改

    在ExtJS中,表格通过`Ext.grid.Panel`创建,数据源通常是`Ext.data.Store`。双击行的行为可以通过监听`itemdblclick`事件来实现。 3. **表单(Form)**:当用户双击表格中的行时,会弹出一个表单用于编辑或查看数据...

    ext grid 动态扩展

    在EXT JS中,`Ext Grid` 是一个强大的数据展示组件,它可以用来显示和操作大量数据。动态扩展功能允许我们根据需求在运行时增加或减少列,增强了应用的灵活性。本篇将详细介绍如何实现 `Ext Grid` 的列动态添加。 1...

    Ext Grid +dwr 列表展示展示带分页

    在我们的例子中,服务器返回的数据将以JSON格式提供,以便被JavaScript处理并填充到Ext Grid中。 4. **分页显示**: 分页是管理大量数据的一种常见策略,它将数据分成小块,每次只加载和显示一部分。在Ext Grid中,...

    Ext Demo grid的增删改查例子

    接下来 在mysql里建立 数据库位ext的库 再去项目中 src/META-INF/persistence.xml的配置文件里吧<!-- <property name="hibernate.hbm2ddl.auto" value="update" /> -->这句话的注释去掉 好了 部署项目到tomcat上 ...

    一个EXT+js实现的Grid表格合并的例子源码

    EXT是Sencha公司开发的一个强大的JavaScript库,专门用于构建富客户端Web应用。它提供了一整套组件化的UI...这个例子源码将是一个很好的学习资源,帮助开发者掌握EXT Grid的高级用法,并能应对实际项目中的复杂需求。

    Ext4.0分页的Grid例子

    后台使用的是struts2生成Ext所需要的json,把webroot下的ext4下面加入ext的开发包,然后再把create.sql中的脚本在数据库中执行,代码就可以跑起来了,我用的是mysql数据库

    EXT GridPanel获取某一单元格的值

    在提供的代码段中,我们看到一个监听`cellclick`事件的例子,这是EXT GridPanel中用于捕获用户点击单元格时的事件。下面是这段代码的详细解释: 1. `cellclick`: 这是EXT GridPanel的事件名,当用户点击表格内的...

Global site tag (gtag.js) - Google Analytics