javascript - extjs：从单选按钮获取检查值

Question

我正在使用无线电组是和否。我希望将点击值发送到服务器。如何实现？

我的代码：

{
    fieldLabel: 'Striping',
    xtype: 'radiogroup',
    columns: [50, 100],
    items: [{
        boxLabel: 'Yes',
        name: 'rb',
        id: 'stYes',
        /*checked: true,*/
        inputValue: '1',
        listeners: {
            click: function () {
                alert("Click 2!");
            }
        }

    }, {
        boxLabel: 'No',
        name: 'rb',
        id: 'stNo',
        inputValue: '2',
        listeners: {
            click: function () {
                alert("Click 2!");
            }
        }
    }]
}

Answer 1

我认为这样的事情会起作用，我无法测试这个atm。单击不会表示单选按钮，您需要使用更改事件。此外，您最好将听众放在您的小组中。然后，您不必为组中的每个按钮定义一个侦听器。

注意：为组件提供 id 时要小心，请使用 itemId 或 name 代替。

    {
        fieldLabel: 'Striping',
        xtype:'radiogroup',
        columns: [50, 100],
        items: [{
            boxLabel: 'Yes',
            name: 'rb',
            id: 'stYes',
            /*checked: true,*/
            inputValue: '1'

        }, 
        {
            boxLabel: 'No',
            name: 'rb',
            id: 'stNo',
            inputValue: '2'
        }],
        listeners: {
            change: function( radiogroup, newValue, oldValue, eOpts ) {
                alert(newValue.rb);
            }
        }
    }

小提琴示例：http: //jsfiddle.net/johanhaest/cpLvK/7/

Answer 2

.individual将返回inputValue您在 radiogroup 项目中设置的内容。

 listeners: {
        change: function( radiogroup, newValue, oldValue, eOpts ) {
            alert(newValue.individual);
        }
    }

Answer 3

刚刚解决了这个问题，没有在 RadioButtons 中添加“名称”配置来获取我刚刚使用的值：

change : function(radioButton,newValue,oldValue){

var newVal = Object.keys(newValue).map(function (key) { return obj[key]; });
var value = newVal[0];
console.log(value)

}