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

时间:2011-10-16 03:23:28

标签: javascript sencha-touch tabpanel

如何删除Sencha Touch中tabPanel上任何标签的焦点?我打开了一个不同的对话框,tabPanel中没有选项卡,我想表示这一点,这样用户就不会感到困惑。我该怎么做呢?致电views.tabPanel.setActiveItem(-1)views.tabPanel.setActiveItem(null)不起作用。有什么想法吗?

2 个答案:

答案 0 :(得分:0)

我认为,对于tabpanel,它还需要一个且只有一个标签处于活动状态。

不确定。我也是js和sencha touch的新手。

答案 1 :(得分:0)

仅供参考,对于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