首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

开动员态编辑的表格

2013-02-25 
开发动态编辑的表格开发动态编辑的表Ext JS在Ext.grid.plugin包下提供了允许编辑表的插件功能,该包下提供

开发动态编辑的表格

开发动态编辑的表格

Ext JS在Ext.grid.plugin包下提供了允许编辑表格的插件功能,该包下提供了如下3个与表格编辑有关的类。

? Ext.grid.plugin.Editing:为表格增加编辑功能的基类。? Ext.grid.plugin.RowEditing:为表格行增加编辑功能的插件类。? Ext.grid.plugin.CellEditing:为单元格增加编辑功能的插件类。

当使用Ext.grid.plugin.RowEditing、Ext.grid.plugin.CellEditing为表格增加编辑时,可以指定如下4种常见的事件处理函数。

? beforeedit:在编辑之前触发的事件处理函数。? canceledit:取消编辑时触发的事件处理函数。? edit:编辑完成时触发的事件处理函数。? validateedit:指定编辑完成之后,值被保存到Store之前触发该事件处理函数。如果该事件处理函数返回false,将可以取消编辑。

为该表格增加动态编辑功能,需要完成如下两步:

 使用Ext.grid.Panel定义表格时,可通过plugins选项为表格单击单元格编辑插件或行编辑插件。

 使用Ext.grid.Panel定义表格,并且使用fields选项定义表格列时,为需要编辑的单元格通过editor选项指定单元格编辑器。

如下示例开发了一个允许异步、动态编辑表格数据的页面。

 

李刚 编著

电子工业出版社出版

热点排行