如何将tab访问[tabindex]功能添加到tpl的extjs4

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