XTemplate Syntax
XTemplates in ExtJS bieten eine leistungsfähige Möglichkeit, Daten dynamisch zu formatieren und anzuzeigen. Hier sind einige wichtige Syntax-Elemente:
Grundlegende Syntax
-
{fieldName}
: Zeigt den Wert des Feldes an -
{[JavaScript-Ausdruck]}
: Führt JavaScript-Code aus
Schleifen und Bedingungen
-
<tpl for="arrayField">…</tpl>
: Iteriert über ein Array -
<tpl if="condition">…</tpl>
: Bedingte Anzeige
Spezielle Variablen
-
{#}
: Aktuelle Schleifenindex (1-basiert) -
{.}
: Aktuelles Element in einer Schleife
Funktionen
XTemplates können auch benutzerdefinierte Funktionen verwenden:
new Ext.XTemplate(
// Template-String
{
myFunction: function(value) {
// Funktionslogik
}
}
)
Für detaillierte Informationen siehe die offizielle ExtJS-Dokumentation zu XTemplate