extjs4 - 在 extjs4 中如何禁用 tpl 的单选按钮

Question

我在 extjs4 工作。我有单选按钮的 tpl 视图 -

Ext.define('Balaee.view.qb.qbqns.QbqnsReview',
{
        extend:'Ext.view.View',
        id:'qbqnsViewId',
        alias:'widget.QbqnsReviewView',
        title:'Review of paper',
        store:'qb.QbqnsStore',
     config:
        {
            tpl:'<tpl for=".">'+
                '<div id="main">'+
                '</br>'+

                '<id="q">{#} :- {question}'+

                '<tpl for="options">'+
                    '<tpl if="parent.Correctoption==optionId">'+
                    '<p style="color:Green"><input type="radio"  disable="true" name="{option}">{option}</p>'+
                    '<tpl elseif="parent.UsersOption==optionId">'+
                    '<p style="color:Red"><input type="radio" name="{option}">{option}</p>'+
                    '<tpl else>'+
                    '<p><input type="radio" name="{optionId}" value="{option}">&nbsp{option}</p>'+
                    '</tpl>'+  
                '</tpl>'+   
 '<p>---------------------------------------------------------</p>'+
                '</div>'+
        '</tpl>',

         itemSelector:'div.main'
        }

我想将此视图设为只读。即我想将这些单选按钮设为禁用。那么如何在 extjs4 中执行呢

Answer 1

禁用单选按钮的正确 html 是这样的：

<input type="radio" disabled="disabled" name="{option}" />

你的代码有disable="true".