kann nicht programmatisch Inhalte auf einfache HTML DIV-Element in XML-Ansicht

Question

ich eine einfache XML-Ansicht (Fragment) wie diese:

<html:div id="holder"></html:div> 

Ich möchte wie diese programmatisch Inhalte hinzuzufügen:

var holder = this.byId("holder"); 
var label = new sap.m.Label({ 
    text: "Label" 
}); 

holder.addContent(label); 

Effekt ist nichts, kein Fehler, kein zusätzlicher Inhalt. Warum funktioniert es nicht?

Answer 1

Dies liegt daran, content ist keine Aggregation (ein einfacher Fehler zu machen, da in der Regel contentist eine Aggregation).

sap.ui.core.HTML ‚s content Metadaten-Objekt ist eine Eigenschaft vom Typ String. Von the jsdoc:

HTML-Inhalt angezeigt werden, definiert als Zeichenfolge.

Sie müssen einen anderen Behälter für das Etikett verwenden, wie sap.ui.layout.VerticalLayout, oder Sie könnten nur reines HTML verwenden in Ihrem holder Objekt zu bleiben, anstatt dass sap.m.Label Typ.

Here ist ein Jsbin, das den XML-View-Teil dieser Frage aus der Gleichung herausnimmt.

Hinweis: See @ hirse Kommentar unten für eine wichtige Unterscheidung, wenn html:div in XML Ansichten

Answer 2

Das HTML-Element und die UI5 ​​Bedienelemente verwendet, ist nicht direkt kompatibel. UI5-Steuerelemente sind JavaScript-Objekte mit einer Renderfunktion. Die Renderfunktion erstellt ein HTML-Fragment bei Bedarf. Dieses HTML-Fragment wird dann in die Seite eingefügt.

Ich habe nie versucht es, aber eine Lösung könnte die placeAt() Methode Ihres Etiketts zu verwenden sein:

label.placeAt("holder"); 

Wenn Sie mit einer XML-Ansicht, die Halter id Präfix wird. Dann sollten Sie etwas wie folgt verwenden:

label.placeAt(this.getView().createId("holder")); 

Answer 3

Sie können DOM erhalten Element UI5 Kontrolle durch getDomRef von sap.ui.core.Element Klasse.

Dann fügen Sie Ihre Inhalte zu diesem DOM-Element durch placeAt() mit

Here arbeitet Beispiel.