Манипулирование элементом управления, доступ к которому осуществляется с помощью "byId", не имеет никакого эффекта

Question

У меня есть образец значков в HBox в представлении XML, как показано ниже:

<m:HBox>
  <core:Icon src="sap-icon://show" color="#007bff" id="test1"  press="onPressView" />
  <core:Icon src="sap-icon://edit" color="#007bff" id="test2" press="onPressEdit" />
  <core:Icon src="sap-icon://print" color="#007bff" id="test3" press="onPressPrint" />
</m:HBox>

В контроллере, чтобы установить видимый false, я делаю как:

let testIcon1 = this.getview().byId('test1');
testIcon1.setVisible(false);

Но это не работает.

Answer 1

Вероятно, вы обращаетесь к элементу управления шаблоном, а не к фактически отрисованному. Если вы проверите элемент в инструментах разработчика, посмотрите, имеет ли идентификатор визуализированного элемента управления (Icon) суффикс __clone<em><n></em>.

Поскольку такие суффиксы идентификатора генерируются платформой, доступ к клонированным элементам управления осуществляется через byId следует избегать. В таких случаях существует множество альтернативных решений. Общее хорошее решение - отделить представление от контроллера путем привязки свойства элемента управления (например, visible) и вместо этого манипулировать свойством из модели.