Question

我已经构建了如下组件。我只想向用户显示复选框，当用户双击该行时，复选框变为可编辑状态。单击该复选框工作正常，但当用户取消勾选复选框渲染功能复选框没有获得更新时，它仍保持选中状态。我该如何解决这个问题？任何其他简化此要求的方法。

 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'
});

Answer 1

inputValue和uncheckedValue不会更改getValue（）返回的内容。这些是用于表单提交。您可以删除它们并更改渲染器以查找true / false。

 renderer: function(value) {
     return "<input class='gridCheckbox'  type='checkbox'" + ((value == true) ? "checked='checked'" : "") + " disabled='disabled'>";
 },

复选框问题在渲染器函数extjs6中

1 个答案: