Как выделить выбранную вкладку в sap.m.IconTabBar?

Question

Уважаемые разработчики SAPUI5,

У меня есть sap.m.IconTabBar, и я устанавливаю активную вкладку по коду, когда пользователь переключается между страницами. Я использовал следующий код:

sap.ui.getCore().byId(this.createId("iconTabBar")).setSelectedKey("1"); 

Проблема в том, что он правильно переключил выбранную вкладку на первую вкладку. Но она не отображает синюю линию под вкладкой, которая показывает, что она выбрана.

Пожалуйста, смотрите на следующих рисунках:

Что показывает, когда я выбираю первую вкладку с помощью кода:

Но что он показывает, когда я нажимаю на вкладку с помощью мыши он показывает синяя линия под значком, как в следующем:

Answer 1

Как @Ash сказал в ком вам нужно позвонить fireSelect, но это работает, только если пользователь сначала добавит вторую вкладку. Если пользователь находится на первой вкладке и переключается между страницами, то fireSelect не действует должным образом. Таким образом, вам нужно сначала выбрать вторую вкладку, тогда она будет работать почти все время.

sap.ui.getCore().byId(this.createId("iconTabBar")).setSelectedKey("2"); 
sap.ui.getCore().byId(this.createId("iconTabBar")).setSelectedKey("1"); 
sap.ui.getCore().byId(this.createId("iconTabBar")).fireSelect(); 

Answer 2

Ok Я посмотрел в исходный код IconTabBar и Тереза ​​что-то я действительно не понимаю, почему, но вот как это происходит:

при вызове IconTabBar.setSelectedKey (ключ), он вызывает IconTabHeader. setSelectedKey (ключ)

затем внутренне IconTabBarHeader называет setSelectedItem (пункт, правда)

«истинное» здесь важно, параметр называется «bAPIchange» в функции setSelectedItem, и он используется в качестве условия ель eSelect():

if (!bAPIchange) { 
    // fire event on iconTabBar 
    if (bIsParentIconTabBar) { 
     oParent.fireSelect({ 
      selectedItem: this.oSelectedItem, 
      selectedKey: sSelectedKey, 
      item: this.oSelectedItem, 
      key: sSelectedKey 
     }); 
    } else { 
     // fire event on header 
     this.fireSelect({ 
      selectedItem: this.oSelectedItem, 
      selectedKey: sSelectedKey, 
      item: this.oSelectedItem, 
      key: sSelectedKey 
     }); 
    } 
} 

Это объясняет, почему событие не обжигают в вашем случае