проблема с флажком внутри функции рендеринга extjs6

Я построил компонент, как показано ниже. Где я хочу просто отобразить флажок для пользователя, и когда пользователь дважды щелкает строку, флажок становится редактируемым. щелчок по флажку работает нормально, но когда пользователь снимает флажок, флажок функции рендеринга не получает обновлений, он остается установленным. Как решить эту проблему? Любой другой способ упростить это требование.

 Ext.define('Abc.view.component.grid.RfColumn', {
     extend: "Ext.grid.column.Column",
     text: 'Rv.',
     width: 40,
     dataIndex: 'RF',
     xtype: 'rFColumnGrid',
     renderer: function(value) {
         return "<input class='gridCheckbox'  type='checkbox'" + ((value == 'Y') ? "checked='checked'" : "") + " disabled='disabled'>";
     },
     editor: {
         xtype: 'checkboxEditor'
     }
 });


 Ext.define('Abc.view.component.editor.CheckboxEditor', {
    extend: 'Ext.form.field.Checkbox',
    xtype: 'checkboxEditor',
    inputValue : 'Y',
    uncheckedValue: 'N'
});