开发动态编辑的表格
开发动态编辑的表格
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选项指定单元格编辑器。
如下示例开发了一个允许异步、动态编辑表格数据的页面。
李刚 编著
电子工业出版社出版