在extjs 4中如何禁用tpl单选按钮

Question

我在extjs4工作。我用单选按钮查看视图 -

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"。