1 of 18

Yii: віджети Bootstrap та форм

2 of 18

Віджети

  • Віджети – багаторазові блоки, що використовуються в HTML для створення елементів користувацького інтерфейсу з використанням ООП

3 of 18

Приклади віджетів

  • DatePicker – віджет вибору дати
  • ActiveForm – віджет, що будує інтерактивну HTML-форму для однієї або декількох моделей даних
  • Menu – відображає багаторівневе меню, використовуючи списки HTML
  • jQuery UI (yii2-ui)
  • Twitter Boostrap (yii2-bootstrap)

4 of 18

Використання віджетів Bootstrap

  • кнопка

5 of 18

Використання віджетів Bootstrap

  • ButtonDropdown

6 of 18

Використання віджетів Bootstrap

  • Navbar

7 of 18

Інші віджети розширення yii2-bootstrap

  • ActiveForm
  • Alert
  • BaseHtml
  • Carousel
  • Modal
  • Tabs та інші

Документація по віджетам Bootstrap: https://www.yiiframework.com/extension/yiisoft/yii2-bootstrap/doc/api/2.1/yii-bootstrap-navbar

8 of 18

Віджет ActiveForm

9 of 18

ActiveField: текстове поле

  • Атрибут name кожного поля визначається автоматично за іменем відповідної моделі. Наприклад, в даному випаку імена полів будуть: Product[name], Product[category_id]

10 of 18

ActiveField: пароль, email

11 of 18

ActiveField: пароль, email

12 of 18

ActiveField: Files and Checkboxes

  • Для того, щоб поле приймало значення масиву, до імені атрибуту потрібно додавати []

13 of 18

ActiveField: списки

  • Для створення списків потрібно підготувати їх елементи:

14 of 18

ActiveField: списки із бази даних

  • Виконати завдання
  • Інший спосіб: використання ArrayHelper

15 of 18

Віджет GridView для відображення сітки з даними

  • Документація по віджету https://www.yiiframework.com/doc/api/2.0/yii-grid-gridview

16 of 18

17 of 18

18 of 18