UI5：如何访问在视图内定义的html元素？

Question

我有一个具有此视图的UIComponent：

<mvc:View controllerName="my.components.webmap.controller.Map"
   xmlns:mvc="sap.ui.core.mvc"
   xmlns="sap.m"
   xmlns:html="http://www.w3.org/1999/xhtml">
   <html:div id='myDiv' style='height:inherit'></html:div>
   <Button id="helloWorld" text="Say Hello" press=".onShowHello" />
</mvc:View>

在View控制器中，我可以从

this.getView().byId("helloWorld").sId

但是我无法使用byId()方法获取div的ID。

this.getView().byId("myDiv"); // returns undefined

如何获取div的ID以便访问该元素？我需要div的ID，以便可以向其添加一些其他的第三方控件。

Answer 1

您可以使用createId将您的lokal ID转换为全局ID，然后将其与createId一起使用：

Answer 2

有一些可能的解决方案。让我们从UI5的角度来看首选的。您的视图：

Answer 3

要回答如何获取HTML元素的ID（div）的问题-您还可以像下面这样在控制器中组装ID：