使用 "byId" 访问的操作控件无效

Question

我在 XML 视图中的 HBox 中有一个图标示例，如下所示：

<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

您可能正在访问模板控件而不是实际呈现的控件。如果您检查 devtools 中的元素，请查看呈现的控件（图标）的 ID 是否具有后缀 __clone<em><n></em>.

由于此类 ID 后缀是由框架生成的，因此应避免通过 byId 访问克隆的控件。在这种情况下有许多替代解决方案。一般好的解决方案是通过绑定控件属性（例如 visible）并从模型中操纵这些属性来将视图与控制器分开。

使用 "byId" 访问的操作控件无效

Manipulating control accessed with "byId" has no effect

sapui5