Arbeiten mit Widgets > Allgemeine Widget-Eigenschaften, -Dienste und -Ereignisse
  
Allgemeine Widget-Eigenschaften, -Dienste und -Ereignisse
Die folgende Tabelle ist eine Liste von Eigenschaften, Diensten und Ereignissen, die mehrere Widgets gemeinsam haben.
* 
Wenn die Widget-Eigenschaft, nach der Sie suchen, nicht in der Tabelle enthalten ist, lesen Sie das dem jeweiligen Widget zugeordnete Hilfethema.
Eigenschaftsname
JavaScript
Typ
Beschreibung
Ausrichtung
imageAlign
string
Die horizontale Ausrichtung eines Widgets.
* 
Die im Dropdown-Menü verfügbaren Optionen sind je nach Widget unterschiedlich.
Hintergrundfarbe
backgroundColor
string
Die Farbe des Hintergrunds für das Widget.
Dieses Feld unterstützt RGB-Farben, hexadezimale Farben oder Farbennamen.
Klasse
class
string
Die dem Widget zugewiesene Klasse. Jedem Widget kann eine Klasse zugewiesen werden, für die Sie benutzerdefinierte CSS-Regeln schreiben können.
Inhaltsumbruch
wrap
string
Die Platzierung von Widgets innerhalb eines Raster-Layout- oder Wiederholung-Widgets, wenn sich die Bildschirmgröße eines Geräts ändert. Wenn festgelegt wird, dass kein Umbruch erfolgen soll, werden die Widgets in einer einzelnen Zeile angezeigt.
* 
In den meisten Fällen ist es empfehlenswert, den standardmäßigen Umbruch beizubehalten, um die Funktionalität zu erhalten.
Daten
data
infotable
Ein Bindungsziel für Daten.
Auswahl aufgehoben
Wird ausgelöst, wenn die Auswahl des Elements aufgehoben wird.
Deaktiviert
disabled
boolean
Deaktiviert das Klicken auf das Widget und ändert den Status.
Anzeigename
friendlyName
string
Der Name des Widgets im Projektbaum.
Höhe
height
number
Höhe des Widgets. Geben Sie eine Zahl ein, gefolgt entweder vom % oder von px.
Ausrichtung
justification
string
Ausrichtung eines Widgets, Wählen Sie eine der folgenden Optionen aus der Dropdown-Liste aus:
Start
Ende
Mitte
Gleichmäßiger Abstand zwischen
Gleichmäßiger Abstand um
Beschriftung
label
string
Beschriftung, die auf dem Widget angezeigt wird.
Liste
list
object
Ein Bindungsziel für Daten. Normalerweise binden Sie Alle Elemente aus einem Dienst an diese Eigenschaft.
Rand
margin
string
Ähnlich der Eigenschaft "Abstand" wird der Platz rund um ein Widget oder Element definiert. Diese Eigenschaft ist eine direkte Konvertierung in das CSS. Geben Sie eine Zahl ein, gefolgt von einem der unterstützten Formate (z.B. 10px):
px
%
in
mm
cm
ex
em
pt
pc
Mehrfachauswahl
multiselect
boolean
Ermöglicht es Ihnen, mehrere Elemente im Widget auszuwählen.
Abstand
padding
string
Der Abstand rund um das Widget. Geben Sie eine Zahl ein, gefolgt von einem der unterstützten Formate (z.B. 10px):
px
%
in
mm
cm
ex
em
pt
pc
Platzhalter
placeholder
string
Platzhalter-Text, der im Widget angezeigt wird.
Studio ID
widgetName
string
Jedem Widget wird zur Laufzeit ein eindeutiges ID-Attribut zugewiesen, das jedoch bearbeitet werden kann.
Text
text
string
Text, der im Widget angezeigt wird.
Wert
value
string
Wert des Widgets.
Sichtbar
visible
boolean
Legt die Sichtbarkeit des Widgets zur Laufzeit fest. Das wird standardmäßig ausgewählt.
Breite
width
number
Legt die Breite des Widgets fest. Geben Sie eine Zahl ein, gefolgt entweder vom % oder von px.
X-Achsen-Feld
labelsField
string
Die Daten, die für die X-Achse eines Diagramms angezeigt werden. Geben Sie den Feldnamen manuell ein. z.B. "Name".
Y-Achsen-Feld
valuesField
string
Die Daten, die für die Y-Achse eines Diagramms angezeigt werden. Geben Sie den Feldnamen manuell ein. z.B. "Benutzer".
Dienst
JavaScript
Beschreibung
Diagramm aktualisieren
updateChart
Bindbarer Dienst, der verwendet werden kann, um das Diagramm zu aktualisieren.
Ereignis
JavaScript
Beschreibung
Klicken
click
Ziehen Sie das Ereignis Klicken zu einer anderen Ansicht in der Baumstruktur, um per Klick zu dieser Ansicht zu navigieren, oder zu einem Dienst, der per Klick ausgelöst wird. Klicken Sie auf das JS-Symbol neben dem Ereignis "Klicken", um einen Ausdruck einzugeben.
Elementklick
itemclick
Ziehen Sie die Eigenschaft Elementklick auf eine Ansicht im Projektbaum, und legen Sie sie ab, sodass bei einem Klick auf ein Element in der Liste oder eine Wiederholung zu der Ansicht navigiert wird, an die es gebunden war. Wenn Sie beispielsweise die Eigenschaft Elementklick eines Liste-Widgets an einer Detailansicht binden, wird bei einem Klick auf ein Element in der Liste die Detailseite geöffnet.
Gedrückt
pressed
Wird ausgelöst, wenn das Widget gedrückt wird.
Ausgewählt
selected
Wird ausgelöst, wenn das Widget oder Element ausgewählt wird.
Nicht gedrückt
unpressed
Wird ausgelöst, wenn das Widget nicht gedrückt wird.
Wert geändert
change
Wird ausgelöst, wenn der Wert geändert wird.