在 sencha touch 中删除 tabPanel 的选项卡焦点

Question

如何删除 Sencha Touch 中 tabPanel 上任何选项卡的焦点？我正在打开一个不同的对话框，该对话框在 tabPanel 中没有选项卡，我想表示它，以便用户不会感到困惑。我该怎么做？调用 views.tabPanel.setActiveItem(-1) 和 views.tabPanel.setActiveItem(null) 不起作用。有什么想法吗？

Answer 1

我认为，对于 tabpanel，它也需要一个且只有一个选项卡处于活动状态。

没有把握。我也是 js 和 sencha touch 的新手。

Answer 2

仅供参考，对于 Sencha Touch 2，我已经实现了以下内容。 请注意但是，这是一种解决方法，因此请持保留态度。

在我的 app.js 中

...
setActiveTab: function(idOfTabToActiveOrNull) {
  var tb = Ext.Viewport.getDockedComponent('your-tabbar-id');
  if (tb && !idOfTabToActiveOrNull) {
    var at = an.getActiveTab();
    if (at) { at.setActive(false); }
    // Note that this only changes style, but the tab is still "active" in the tabbar
  } else if (an) {
    tb.setActiveTab(idOfTabToActiveOrNull);
    tb.getActiveTab().setActive(true); // just to be sure it's marked
  }
},
...

像这样使用它：

YourApp.app.setActiveTab(null); // remove styles for active tab
YourApp.app.setActiveTab('id-of-other-tab'); // change to different tab