You can use the createId to convert your lokal ID to a global one and use that with getElementById:
// After rendering
var divId = this.createId("myDiv"); // this == controller instance
document.getElementById(divId).whatEver
I have a UIComponent with this view:
<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>
In the View controller, I can get the Button and its id from
this.getView().byId("helloWorld").sId
but I can't get the ID of the div using the byId() method.
this.getView().byId("myDiv"); // returns undefined
How can I get the ID of the div in order to access the element? I need the ID of the div so I can append some additional 3rd party controls to it.
You can use the createId to convert your lokal ID to a global one and use that with getElementById:
// After rendering
var divId = this.createId("myDiv"); // this == controller instance
document.getElementById(divId).whatEver