在以

Question

我有一些含有放射性组的ExtJS表格。

这些无线电组中的每一个都有2个无线电，inputValue为true和false。

但是当我使用form.setValues(values)设置表单值时，如果我要设置的radioButton值为false，则不会选择相应的单选。这适用于我的值为true。

以下是fiddle

的链接

如果您更改booleanRadio: true，则此方法有效。

我的代码：

Ext.define('myView', {
    extend: 'Ext.panel.Panel',
    xtype: 'myView',
    id: 'myViewContainer',
    layout: 'vbox',
    width: '100%',
    initComponent: function() {
        var me = this;
        var allItems = [];
        allItems.push(me.getMyForm());
        Ext.applyIf(me, {
            items: allItems
        });
        me.callParent(arguments);
    },

    getMyForm: function() {
        var me = this;
        var currentForm = {
            xtype: 'form',
            cls: 'y-form',
            id: 'myForm',
            trackResetOnLoad: true,
            items: [
                {
                    xtype: 'radiogroup',
                    fieldLabel: 'is Sponsored',
                    labelSeparator: '',
                    layout: 'hbox',
                    items: [
                        {
                            xtype: 'radiofield',
                            name: 'isSponsored',
                            boxLabel: 'Yes',
                            inputValue: true
                        },
                        {
                            xtype: 'radiofield',
                            name: 'isSponsored',
                            boxLabel: 'No',
                            inputValue: false
                        }
                    ]
                }
            ]
        };

        return currentForm;
    }
});

Ext.define('myController', {
    extend: 'Ext.app.Controller',
    init: function() {
        this.control({
            'panel#myViewContainer': {
                afterrender: this.retrieveFormValues
            }
        });
    },

    retrieveFormValues: function() {
        var me = this;
        var data = {isSponsored: false};
        if (data != null && !Ext.Object.isEmpty(data)) {
            var myFormContainer = Ext.getCmp('myViewContainer');
            myFormContainer.getForm().setValues(data);
        }
    }
});

Answer 1

如果将radiobuttons的inputValues更改为0或1，并相应地调整值var，则将设置所需的单选按钮。我已经更新了小提琴。

items: [{
    boxLabel: 'Item 1',
    name: 'booleanRadio',
    inputValue: 1,
  }, {
    boxLabel: 'Item 2',
    name: 'booleanRadio',
    inputValue: 0,
  }],
  listeners: {
    afterrender: function(radioGroupForm) {

      var values = {
        booleanRadio: 0
      }
      Ext.getCmp('radioGroupFormPanel').getForm().setValues(values);
    }
  }

如果您向radiobutton发送false，则取消选中收音机。这就是为什么你的'真实'在起作用而'假'不起作用的原因。