如何将tab access[tabindex]功能添加到extjs4的tpl中

我在extjs4中工作。我有tpl视图，可以显示问题和多个选项-

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

            '<h1 id="q">Question :-</h1> {question}</br>' +

            '<tpl for="options">' +
            '<tpl if="parent.Correctoption==optionId">' +
            '<p style="color:Green"><input type="radio" 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'
    }
});

Ext.define（'Balaee.view.qb.qbqns.QbqnsReview'{
扩展：“Ext.view.view”，
id:'qbqnsViewId'，
别名：“widget.QbqnsReviewView”，
身高：500，
商店：“qb.QbqnsStore”，
autoScroll：是的，
配置：{
第三方物流：''+
'' +
“
”+
'问题：-{问题}
'+
'' +
'' +
“
{option}
”+
'' +
“
{option}
”+
'' +
“{option}
”+
'' +
'' +
“--------------------------------------------------------------
”+
'' +
'',
项目选择器：“div.main”
}
});

---

它工作正常。它可以正确显示20个问题及其相关选项。我想向它添加tabindex属性。i、 e.如果用户解决了问题并按下tab按钮，则焦点应转到下一个问题。因此，如何在extjs4中将tab访问功能添加到tpl中，您应该能够在模板中的元素上添加tabindex属性：