ui.Button
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Przycisk z etykietą tekstową, w który można kliknąć.
| Wykorzystanie | Zwroty |
|---|
ui.Button(label, onClick, disabled, style, imageUrl) | ui.Button |
| Argument | Typ | Szczegóły |
|---|
label | Ciąg znaków, opcjonalnie | Etykieta przycisku. Domyślnie jest to pusty ciąg znaków. |
onClick | Funkcja (opcjonalnie) | Funkcja zwrotna wywoływana po kliknięciu przycisku. Wywołanie zwrotne otrzymuje widżet przycisku. |
disabled | Wartość logiczna, opcjonalna | Określa, czy przycisk jest wyłączony. Wartość domyślna to fałsz. |
style | Obiekt (opcjonalnie) | Obiekt dozwolonych stylów CSS z wartościami, które mają być ustawione dla tego widżetu. Domyślnie jest to pusty obiekt. |
imageUrl | Ciąg znaków, opcjonalnie | Opcjonalny adres URL obrazu. Jeśli zostanie podany, przycisk będzie renderowany jako obraz, a tekst wartości będzie wyświetlany po najechaniu na niego wskaźnikiem myszy. Dozwolone są tylko adresy URL danych i ikony wczytywane z gstatic.com. |
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-07-26 UTC.
[null,null,["Ostatnia aktualizacja: 2025-07-26 UTC."],[[["\u003cp\u003eCreates a clickable button widget with customizable text label, click functionality, and appearance.\u003c/p\u003e\n"],["\u003cp\u003eAllows setting an optional image for the button, displaying the label text on hover.\u003c/p\u003e\n"],["\u003cp\u003eCan be disabled to prevent user interaction.\u003c/p\u003e\n"],["\u003cp\u003eProvides flexibility in styling through CSS properties.\u003c/p\u003e\n"],["\u003cp\u003eUtilizes a straightforward constructor function for instantiation with various parameters.\u003c/p\u003e\n"]]],["The `ui.Button` function creates a clickable button. It accepts optional arguments: `label` (text), `onClick` (callback function on click), `disabled` (boolean to disable), `style` (CSS styling), and `imageUrl` (image for the button). When clicked, the `onClick` callback is triggered, receiving the button widget. The button can be customized with a text label or an image, and its appearance can be altered via CSS. Only specific URLs are allowed for the image.\n"],null,["# ui.Button\n\n\u003cbr /\u003e\n\nA clickable button with a text label.\n\n\u003cbr /\u003e\n\n| Usage | Returns |\n|--------------------------------------------------------------------------------|-----------|\n| `ui.Button(`*label* `, `*onClick* `, `*disabled* `, `*style* `, `*imageUrl*`)` | ui.Button |\n\n| Argument | Type | Details |\n|------------|--------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| `label` | String, optional | The button's label. Defaults to an empty string. |\n| `onClick` | Function, optional | A callback fired when the button is clicked. The callback is passed the button widget. |\n| `disabled` | Boolean, optional | Whether the button is disabled. Defaults to false. |\n| `style` | Object, optional | An object of allowed CSS styles with their values to be set for this widget. Defaults to an empty object. |\n| `imageUrl` | String, optional | Optional image url. If provided, the button will be rendered as an image and the value text will be shown on mouse hover. Only data: urls and icons loaded from gstatic.com are allowed. |"]]
