extjs:从单选按钮获取检查值

时间:2012-10-11 08:11:54

标签: javascript extjs

我正在使用radiogroup是和否。我希望将点击值发送到服务器。如何实现呢?

我的COED:

{
    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!");
            }
        }
    }]
}

3 个答案:

答案 0 :(得分:2)

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

注意:小心给组件提供id,使用itemId或名称。

    {
        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/

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

无需在RadioButtons中添加“名称”配置即可解决此问题 获得我刚刚使用的值:

node_2