【问题标题】:In extjs how to get radio buttons value?在 extjs 中如何获取单选按钮的值?
【发布时间】:2013-01-04 07:30:08
【问题描述】:

我正在 extjs 和 yii 框架中创建多项选择题项目。我的服务器端设计在 yii 框架中,而客户端在 extjs 中。在 extjs 中,我的视图为-

Question.js=
            Ext.define('Balaee.view.question.Question', 
             {
        extend:'Ext.form.Panel',
        requires:[
                  'Balaee.view.question.QuestionView'
                  ],
        id:'QuestionId',
        alias:'widget.question',
        title:'Question',
        height:180,
        items:[
            {
                xtype:'questionView',
            },

        ],//end of items square
        buttons:[
              {
                  xtype:'button',
                  fieldLabel:'Submit',
                  name:'answer',
                  formBind:true,
                  text:'submit',
                  action:'submitAction',
              }
        ]
                 });


QuestionView.js=
            Ext.define('Balaee.view.question.QuestionView',
            {
        extend:'Ext.view.View',
        id:'QuestionViewId',
        alias:'widget.questionView',
        store:'Question',
        config:
        {
            tpl:'<tpl for=".">'+
                '<div id="main">'+
                '</br>'+
                '<b>Question :-</b> {question}</br>'+
                '<p>-------------------------------------------</p>'+

                '<tpl for="options">'+     // interrogate the kids property  within the data
                    //'<p>&nbsp&nbsp<input type="radio" name="opt"    >&nbsp{option}</p>'+
                 '<p>&nbsp&nbsp<input type="radio"    name="opt{questionNumber}" >&nbsp{option} </p>'+
                '</tpl></p>'+

                '</div>'+
                '</tpl>',
            itemSelector:'div.main',    
        }
              });

所以我在 extjs 中将 30 个问题及其 optopns 显示为单选按钮。这些问题是从客户端检索的。 单击提交按钮时,我想获取所有用户选择的单选按钮的值。那么如何获取选中的单选按钮值呢?

【问题讨论】:

    标签: extjs radio-button


    【解决方案1】:

    你为什么要做这么复杂的事情?请查看表单和表单域。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-12-29
      • 1970-01-01
      相关资源
      最近更新 更多