Yii2: bootui-typeahead

yii2 bootstrap typeaheadРассмотрим пример использования расширения 3ch3r46/bootui-typeahead, представляющего собой обертку для twitter bootstrap typeahead.

Установка

Как обычно, предпочтительнее устанавливать расширение через composer:

Добавить в раздел required файла composer.json приложения строку:

"3ch3r46/bootui-typeahead": "*"

и выполнить команду:

composer update

или сразу выполнить команду:

php composer.phar require --prefer-dist 3ch3r46/bootui-typeahead "*"

Использование

После установки достаточно просто использовать его при необходимости в коде:

<?= \bootui\typeahead\Typeahead::widget([
                'source' => ['example','bootui','twitter','typeahead','bootstrap'],
                'limit' => 10,
                'scrollable' => true,
        ]); ?>

Или:

use \bootui\typeahead\Typeahead;
...
<?= $form->field($model, 'second-name')
        ->widget(Typeahead::className(),[
                'source' => ['Иванов','Иващенко','Ивушкин','Ивриманов','Ивсяшкин'],
                'limit' => 10,
                'scrollable' => true,
        ]) ?>

1 thought on “Yii2: bootui-typeahead

  1. Александр Булатов

    Спасибо за статью!
    А как передать новый массив в source при изменении зависимого списка в другом поле, не подскажите?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *