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