Der XdevNativeButton ist ein Button, der per HTML-Tag <button> vom Web-Browser selbst erzeugt wird und deshalb ein anderes, Browser-spezifisches Aussehen besitzt. Der XdevNativeButton wird i.d.R. benutzt, wenn ein Button ein systemspezifisches Aussehen und Verhalten (Mouse-Over Effekt) besitzen soll. Anders als beim XdevButton, lässt sich beim XdevNativeButton die Höhe ohne Style definieren.
- Fügen Sie einen XdevNativeButton in eine leere View ein.
- Klicken Sie den XdevNativeButton mit Doppelklick an und ändern Sie die Beschriftung, z.B. in Save.
- Klicken Sie in den Properties > Icon auf ..., klicken Sie im folgenden Dialog auf FontAwesome, wählen Sie ein Icon aus, z.B. COG, und klicken Sie auf OK.
Wichtige Events:
Include Page Event buttonClick Event buttonClick
Ergebnis:
- Im GUI-Builder
Wichtige
...
Properties:
...
DisableOnClick - Lässt nur einmalig einen Einfachklick zu und deaktiviert den XdevNativeButton anschließend.
Examples:
...
XdevNativeButton deaktivieren - Der XdevNativeButton wird deaktiviert. Im deaktivierten Zustand können keine Events registriert und somit keine Button-Aktionen ausgeführt werden.
| Code Block | ||
|---|---|---|
| ||
nativeButton.setEnabled(false); |
...
XdevNativeButton aktivieren - Der XdevNativeButton wird aktiviert. Nur im aktivierten Zustand können Events registriert und Button-Aktionen ausgeführt werden.
| Code Block | ||
|---|---|---|
| ||
nativeButton.setEnabled(true); |
...
XdevNativeButton ausblenden - Der XdevNativeButton wird ausgeblendet. Befindet sich der XdevNativeButton in einem Layout, werden die UI-Komponenten im Layout ggf. neu angeordnet.
| Code Block | ||
|---|---|---|
| ||
nativeButton.setVisible(false); |
XdevNativeButton einblenden - Der XdevNativeButton wird ausgeblendet. Befindet sich der XdevNativeButton in einem Layout, werden die UI-Komponenten im Layout ggf. neu angeordnet.
...
| language | java |
|---|
...
Include Page Property DisableOnClick Property DisableOnClick