extjs4 - 如何将选项卡访问 [tabindex] 功能添加到 extjs4 的 tpl

Question

我在 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'
    }
});

它工作正常。它正确显示 20 个问题及其相关选项。我想给它添加 tabindex 属性。即，如果用户解决了问题并按下选项卡按钮，那么焦点应该转到下一个问题。那么如何在 extjs4 中向 tpl 添加选项卡访问功能

Answer 1

您应该能够在模板中的元素上添加 tabindex 属性：http: //www.w3schools.com/tags/att_global_tabindex.asp