admin 管理员组

文章数量: 1184232


2024年3月12日发(作者：二维数组的引用方式有哪些)

GRID数据编辑

修改记录

编号

1

日期

2011-08-14

专题名称

GRID数据编辑

版本

V1.0

作者

殷正男

审核

1

1. GRID数据编辑

1.1. 背景

Grid中数据编辑有多种方式，包括行编辑和单元格编辑，这两种方式本质是

一样的，在这两种编辑方式中，都可以实现对不同数据类型进行编辑，这使得我

们Grid数据操作非常灵活。

1.2. 概述

Grid是一个在客户端显示大量数据的很好的方式。本质上它是一个增压的

table，GridPanel使得它获取、排序和筛选大量数据。

1.3. 我的理解

iting和ting都可实现数

据编辑，本质是一样的，在编辑数据时，可对多种类型的数据进行操作，多种数

据操作对这两种编辑方式是一样的，下面以CellEditing为例，常用类型如下：

1.3.1. 文本编辑

文本数据属于最常用的类型了，是数据编辑默认的类型，也可以通过配置

xtype:’textfield’来指定。

1.3.2. 日期类型

日期类型显示一个日期控件，用户可以方便的选择日期，在配置时可以配置

一个日期格式，配置项为format，如format:Y-m-d。

2

1.3.3. ComboBox

像平常的下拉框一样，在数据编辑时，显示一个下拉框，用户可以选择，配

置也跟平常的下拉框一样。

1.3.4. 其它类型

其它类型如数值类型、单选，多选都可作为数据编辑的数据类型。

1.4. 我的实践

1.4.1. 文本编辑

图1 文本编辑

配置代码：

editor : {

xtype : ‘textfield’

}

3

1.4.2. 日期类型

图2 日期类型

配置代码：

editor : {

xtype : ‘datefield’

}

1.4.3. ComboBox

图3 ComboBox

配置代码：

editor : {

xtype : ‘combo’,

4

store : store_combo,

displayField : ‘firstname’

}

1.4.4. 其它类型

图4 数值类型

配置代码中只要把xtype换成相应类型即可。

1.5. 参考资料

ExtJS官方实例grid/、

grid/。

grid/和

5


本文标签： 数据 编辑 类型 方式 配置

版权声明：本文标题：EXTJS专题总结--GRID数据编辑 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1710257436a564761.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。