- Кнопка
🧬 Складальні компоненти
Кнопка
ContributeЩо таке кнопка?
Компонент кнопки дозволяє користувачам викликати дію або виконати функцію, натиснувши на кнопку.
Властивості
| Властивості | Опис |
|---|---|
| Текст | Текст, відображений для кнопки |
| Обробник подій | Тригер запит, компоненти керування, тобто виклик інших API-файлів у відповідь на події компонента. |
| Завантаження | Чи повинен компонент показати завантажувальний індикатор зображення. |
| Вимкнено | Керування статусом того, що компонент відключений. Компонент не може бути змінений або змінений, якщо він вимкнений. |
| Підказка | Користувач може ввести підказку щодо компоненту тут. Підказка буде відображатись при зосередженні. Формат Markdown підтримується. |
| Hidden | Динамічне керування, чи прихований компонент в мережі. Ви можете змінити прихований статус за допомогою динамічного логічного значення. |
| Варіант | Дозволити користувачам вибирати між двома різними стилями для кнопки: заповнення або контуру. |
| Колір теми | Дозволяє користувачам зазначити колір і непрозорість фону кнопки |
Обробник подій
| Подія | Опис |
|---|---|
| Click | При натисканні на цю кнопку користувача виконувати якусь конкретну дію, яку користувачі. |
Дані
Компонент має найбільш часто використовувані дані, які можна викликати через {{componentName.propertyName}} в додатку.
| Ім’я властивості | Опис |
|---|---|
| кольорова схема | колір тла кнопки |
| вимкнуто | логічне значення означає інвалідів статус |
| назва дисплею | ім’я цього компонента (ie button1) |
| hidden | логічне значення показує прихований статус кнопки |
| прихований динамічний | логічне значення відображає прихований динамічний статус кнопки |
| завантаження | завантаження значення |
| текст | значення тексту, що відображається на кнопці |
| підказка | значення тексту підказки |
| варіант | стиль різновидів кнопки (заповнення або виведення) |
Використати регістр
Далі, ми покажемо, як використати кнопку, щоб керувати динамічним компонентом компоненту **form.
Крок 1 Додати дію
Ми створили таблицю з назвою країн, включаючи 5 колонок: num_code, alpha_2_code, alpha_3_code, en_short_name, національність. Імена країн - це те, що ми хочемо використовувати як значення параметрів, які зберігаються в колонці en_short_name** .
Потім ми можемо створити нову дію для Супабази зі списку дій, перерахуючи всі дані в країнах та назвав supabasedb1
виберіть відмінне значення en_short_name як значення з "країни" по значенню;Це те, що ми маємо на виході:
Натисніть Зберегти і Run для активації цієї дії.
Крок 2 додати компонент
Спершу ми додаємо Форм компонент та позначаємо його як ‘Survey’. Потім ми перетягнемо компонент введення, вибір компонента та введення чисел у форму, який позначає їх як Назва, і “Призначити”.
Потім ми виписуємо країни значення для вибору компоненту
- в зіставленому режимі, встановити джерела даних на
{{supabasedb1.data}} - в модифікації, встановити значення для
{{item.value}}
Потім ми можемо налаштувати Відправити кнопку для керування `Надіслати методом форм компонента.
- В опорах події виберіть
елемент управлінняв дії, виберітьformкомпонент, який ви хочете оновити як ціль події. - Виберіть
Надіслатидію.
