闲的没事,做个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做的小例子”表明这个压缩包包含了一个使用EXTJS库的Property Grid组件的示例。EXTJS是一个流行的JavaScript框架,用于构建富客户端Web应用程序,而Property Grid是一个数据展示组件,...
在这个例子中,我们创建了一个简单的EXT Grid,包含了两个字段(姓名和年龄),并且这两个字段都是可编辑的。数据源是从数组中加载的,但也可以通过修改`store`配置来连接到服务器获取数据。 EXT Grid还可以配合...
在例子中,我们可以看到三种不同场景的应用,这些例子可能展示了GT-Grid和EXT-Grid在处理基础数据展示、高级功能集成以及自定义程度上的差异。例如,可能有一个例子专门对比两者的数据加载速度,另一个可能比较各自...
在EXT JS框架中,"ext grid tree 应用"是一个常见的功能组合,它结合了Grid面板和Tree面板的优势,用于展示复杂的数据结构。Grid通常用于显示二维表格数据,而Tree则用于展示层次化的数据。在这个例子中,开发者通过...
在"EXT-GRID+JSON简单应用"中,我们将探讨如何使用EXT-JS的Grid组件与JSON数据源进行集成,以创建一个动态的数据表格。 EXT-JS的Grid组件允许开发者通过定义列模型、存储器和视图来展示数据。在JSON方面,它是一种...
"ExtTest"项目是一个实际的应用示例,其中的grid例子展示了EXT3.2在数据管理中的应用。GridPanel是EXT中用于显示大量数据的组件,它可以轻松地进行数据增删改查操作。在grid例子中,你可能会看到如何使用Store来加载...
在Ext JS这个强大的JavaScript框架中,开发人员经常需要创建数据展示组件,比如Grid,来显示大量数据并提供交互性。Grid List是Grid的一种扩展,它不仅具有基本的表格功能,还可以进行更复杂的操作。本教程将详细...
EXT Grid是EXT JS库中的一个组件,它提供了丰富的数据展示和交互功能,广泛应用于数据管理和分析。在本例中,我们将深入探讨如何使用JSP来实现EXT Grid的数据导出到Excel的功能。 EXT Grid是EXT JS框架中的一个核心...
根据给定的信息,我们可以推断出这是一篇关于如何使用 Ext JS 框架中的 Grid 组件的文章。Ext JS 是一款基于 JavaScript 的前端框架,它提供了丰富的用户界面组件,包括表格(Grid)。以下是对该文章内容的详细解读...
### ExtJS 表格布局小例子详解 #### 一、简介 本文档旨在解析一个具体的 ExtJS 表格布局小例子,重点介绍其中涉及的数据存储、数据删除与添加的方法。ExtJS 是一款强大的 JavaScript 框架,用于构建交互式的前端...
这个例子在.NET环境中展示了如何有效地使用ExtGrid,包括显示数据、增删改查(CRUD)操作以及分页功能。下面将详细介绍这些知识点。 1. **Ext JS**:Ext JS是一个用于构建富客户端Web应用的JavaScript框架,它提供...
EXTgrid是一款基于JavaScript的前端数据展示组件,广泛应用于Web应用程序中,用于展示大量结构化数据。它是由ExtJS库提供的一种强大的数据网格控件。在Web应用中,有时需要将EXTgrid中的数据导出到Excel文件,以便...
在Ext JS这个强大的JavaScript框架中,`Ext Grid`是一个用于创建数据网格的组件,它能够高效地展示大量结构化数据。当我们需要对数据进行分组并同时显示统计信息时,`Ext Grid`提供了`GroupSummary`功能。在这个完整...
在ExtJS中,表格通过`Ext.grid.Panel`创建,数据源通常是`Ext.data.Store`。双击行的行为可以通过监听`itemdblclick`事件来实现。 3. **表单(Form)**:当用户双击表格中的行时,会弹出一个表单用于编辑或查看数据...
在EXT JS中,`Ext Grid` 是一个强大的数据展示组件,它可以用来显示和操作大量数据。动态扩展功能允许我们根据需求在运行时增加或减少列,增强了应用的灵活性。本篇将详细介绍如何实现 `Ext Grid` 的列动态添加。 1...
在我们的例子中,服务器返回的数据将以JSON格式提供,以便被JavaScript处理并填充到Ext Grid中。 4. **分页显示**: 分页是管理大量数据的一种常见策略,它将数据分成小块,每次只加载和显示一部分。在Ext Grid中,...
接下来 在mysql里建立 数据库位ext的库 再去项目中 src/META-INF/persistence.xml的配置文件里吧<!-- <property name="hibernate.hbm2ddl.auto" value="update" /> -->这句话的注释去掉 好了 部署项目到tomcat上 ...
EXT是Sencha公司开发的一个强大的JavaScript库,专门用于构建富客户端Web应用。它提供了一整套组件化的UI...这个例子源码将是一个很好的学习资源,帮助开发者掌握EXT Grid的高级用法,并能应对实际项目中的复杂需求。
后台使用的是struts2生成Ext所需要的json,把webroot下的ext4下面加入ext的开发包,然后再把create.sql中的脚本在数据库中执行,代码就可以跑起来了,我用的是mysql数据库
在提供的代码段中,我们看到一个监听`cellclick`事件的例子,这是EXT GridPanel中用于捕获用户点击单元格时的事件。下面是这段代码的详细解释: 1. `cellclick`: 这是EXT GridPanel的事件名,当用户点击表格内的...