【问题标题】:(extjs) Get selected value of radio button in form. Not returning the value(extjs) 获取表单中单选按钮的选定值。不返回值
【发布时间】:2012-09-06 16:41:08
【问题描述】:

我遵循了获取单选按钮表单的选定值的基本过程。

        ....
        xtype: 'radiofield',
        name: 'timespan',
        id: 'timespan',
        value: 7,
        checked: true,
        fieldLabel: 'Time Span',
        boxLabel: '7 days'
    }, {
        xtype: 'radiofield',
        name: 'timespan',
        value: '30',
        fieldLabel: '',
        labelSeparator: '',
        hideEmptyLabel: false,
        boxLabel: '30 days'
    }, {
        xtype: 'radiofield',
        name: 'timespan',
        value: '60',
        fieldLabel: '',
        labelSeparator: '',
        hideEmptyLabel: false,
        boxLabel: '60 days'
    }, {
        xtype: 'radiofield',
        name: 'timespan',
        value: 'all',
        fieldLabel: '',
        labelSeparator: '',
        hideEmptyLabel: false,
        boxLabel: 'All' ....

我使用过以下方法:

Ext.getCmp('filter_form').getForm().getValues()['timespan']

但是当我将它运行到控制台时,我得到的不是所选按钮的值,而是on。是什么赋予了?!我尝试了几种不同的 getValues、getForm 等组合,但我总是以ontruefalse 结束。这是怎么回事?

【问题讨论】:

    标签: javascript forms extjs extjs4


    【解决方案1】:

    尝试设置收音机的inputValue 属性。哪个值应该进入生成的输入元素的 value 属性,并且在作为表单的一部分提交时应该用作参数值。

    {
            xtype          : 'radiofield',
            name           : 'timespan',
            inputValue     : '30',
            hideEmptyLabel : false,
            boxLabel       : '30 days'
    }
    

    那么它可以被访问为

    Ext.ComponentQuery.query('[name=timespan]')[0].getGroupValue();
    

    参考docsgetGroupValue

    【讨论】:

    • getGroupValue() 不适合我。它没有被识别。我找到了一个“解决方法”,但是没有使用 getGroupValue()。谢谢!
    【解决方案2】:

    想通了!原来我的extjs示例代码有错误!

    我将value 更改为inputValue。取自 Sencha Docs,inputValue 是:

    应该进入生成的输入元素值的值 属性 并且在作为表单的一部分提交时应用作参数值。 默认为:'开'

    啊哈!!因为我没有指定“真实”值,所以它默认为on

    使用 extjs 示例/示例代码时要小心!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-08-30
      • 1970-01-01
      • 1970-01-01
      • 2020-05-15
      • 2012-01-27
      • 2014-08-24
      • 1970-01-01
      相关资源
      最近更新 更多