Ext.grid.EditorGridPanel内的复选框(单击一次以触发afteredit事件)

时间:2015-11-03 17:55:41

标签: javascript extjs extjs3

我在Ext.grid.EditorGridPanel中有一个复选框列,其配置如下:

{
    id: 'event-type-grid-enabled-checkbox',
    header: "Enabled",
    dataIndex: "enabled",
    sortable: true,
    clicksToEdit: 1,
    editor: {
        xtype:'checkbox',
        name: 'enabled'
    },
    renderer: function(val) {
        return "<input type='checkbox'" + (val ? "checked='checked'" : "") + ">";
    }
}

当用户选中/取消选中复选框时,我希望能够触发EditorGridPanel的afteredit事件。复选框列旁边还有其他列(文本字段),用户可以双击和编辑,它们工作得很好,afteredit会被触发,并且会调用ajax来更新数据等等......

当我双击复选框时,会触发afteredit(这在技术上是正确的,但对于复选框不正常)

我尝试使用clicksToEdit:1作为复选框对象但似乎没有帮助。

我是ExtJS的新手,我正在开发一个使用ExtJS版本3.2.1的现有成熟项目

由于

1 个答案:

答案 0 :(得分:0)

我相信你想使用一个checkcolumn并摆脱专门定义的编辑器/渲染器。请尝试按照以下示例操作:http://dev.sencha.com/deploy/ext-3.4.0/examples/grid/edit-grid.html