ExtJS只编辑网格单元格它是新的
ExtJS edit grid cell only it is new
我有一个网格:
Ext.create('Ext.grid.Panel', {
id: 'grid',
store: this.store,
columns: [{
dataIndex: 'a'
},{
dataIndex: 'b'
},{
dataIndex: 'c'
}],
selModel: {
selType: 'cellmodel'
},
plugins: [cellEditing]
})
使用cellEdition:
var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 1,
listeners: {
beforeedit: function(obj) {
// Something goes here?
}
}
});
现在,有一些按钮可以将行"添加到网格中,因此记录可能是新的或旧的。
- 在将新行添加到存储/面板的情况下,我需要列
b
和c
是可编辑的 - 如果用户试图编辑一个现有行,该行在创建面板时只是从数据库加载的,那么我只需要列
c
即可编辑
我怀疑我需要向beforeedit
侦听器添加一些内容,但我对ExtJS和javascript一般都是新手,所以我不知道如何描述这些条件。
你肯定走在了正确的轨道上。"beforedit"事件允许您通过返回false来阻止编辑操作。如果查看文档,您可以看到收到一个对象,该对象提供了有关单元格的所有必要信息:http://docs.sencha.com/ext-js/4-1/#/api/Ext.grid.plugin.CellEditing-event-bforeedit
var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 1,
listeners: {
beforeedit: function(editor, event, opts) {
if (!event.record.phantom && event.column.dataIndex == 'columnC') {
return false;
}
}
}
});
phantom是一个记录属性,用于了解记录是新创建的(尚未同步到服务器(还是最初与存储中的所有其他记录一起加载的。
相关文章:
- ExtJS网格单元格编辑器,防止焦点松动问题
- dhtmlx添加新行并启动单元格编辑器
- 可以将单元格编辑为下拉列表并使用 JQGard 进行多选
- 在单元格编辑时获取extjs中的行数据
- Kendo ui Grid:标准的HTML5输入日期时间可以用作单元格编辑器吗
- 如何在编辑行调用中使用 jqGrid 单元格编辑进行滚动
- 禁用光滑网格中的特定单元格编辑
- 启用 JQ 网格上的“保存”按钮,其中包含内联编辑和单元格编辑
- nggrid单元格编辑:在编辑之前获取值
- Extjs从单元格编辑器访问网格记录
- 如何只允许在jqGrid单元格编辑中使用数字
- 对象值Extjs4的单元格编辑器
- 如何在DojoGridX的单元格编辑器中根据另一个单元格的值过滤select组件的选项
- 如何在可编辑的GridX中将局部变量作为属性提供给单元格编辑器
- 如何使用extjs存储管理器进行单元格编辑
- Slickgrid自定义单元格编辑器更新所有单元格
- JQGrid子网格和父网格中的单元格编辑
- ExtJs - Javascript -网格中的组合框(单元格编辑插件)-网格/窗口后面的下拉列表
- 单元格编辑网格中的组合框编辑器在选择值后不会取消选择
- Ext-JS:如何禁用网格中单个单元格的单元格编辑