Chosen select widget (красивый, функциональный выпадающий список)

Chosen select widget (красивый, функциональный выпадающий список)

skeeks/yii2-widget-chosen

Александр Семенов Сергеевич

Установить Демо

Bootstrap Chosen widget for Yii2

@разработчик решения

Фото и скриншоты

Chosen select widget (красивый, функциональный выпадающий список) Chosen select widget (красивый, функциональный выпадающий список) Chosen select widget (красивый, функциональный выпадающий список) Chosen select widget (красивый, функциональный выпадающий список)

Время публикации: среда, 24 июня 2015 г. (3 года назад)

Добавил: Александр Семенов Сергеевич

Категория: Прочее

Актуальная версия: 1.2.2
13 июля 2018 г., 12:02:23 (3 месяца назад)

Packagist: skeeks/yii2-widget-chosen

: https://github.com/skeeks-semenov/yii2-widget-chosen

: 9247 (За месяц: 98)

Тип: Компонент


Описание от «Александр Семенов Сергеевич»

<?php
use skeeks\widget\chosen\Chosen;
?>

<?= Chosen::widget([
    'model' => $model,
    'attribute' => 'selectable_attr',
    'items' => [1 => 'First item', 2 => 'Second item', 3 => 'Third item'],
    'multiple' => true,
]);?>

<?= $form->field($model, 'selectable_attr')->widget(
    Chosen::className(), [
        'items' => [1 => 'First item', 2 => 'Second item', 3 => 'Third item'],
        'disableSearch' => 5, // Search input will be disabled while there are fewer than 5 items
        'clientOptions' => [
            'search_contains' => true,
            'single_backstroke_delete' => false,
        ],
]);?>

 

Chosen + Bootstrap 3 + Yii2

Credits

Chosen http://harvesthq.github.io/chosen/

Chosen Bootstrap Look & Feel https://github.com/dbtek/chosen-bootstrap (with my style fixes)

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require "skeeks/yii2-widget-chosen" "*"

or add

"skeeks/yii2-widget-chosen" : "*"

to the require section of your application’s composer.json file.

Usage

With a model

<?php
use skeeks\widget\chosen\Chosen;
?>

<?= Chosen::widget([
    'model' => $model,
    'attribute' => 'selectable_attr',
    'items' => [1 => 'First item', 2 => 'Second item', 3 => 'Third item'],
    'multiple' => true,
]);?>

<?= $form->field($model, 'selectable_attr')->widget(
    Chosen::className(), [
        'items' => [1 => 'First item', 2 => 'Second item', 3 => 'Third item'],
        'disableSearch' => 5, // Search input will be disabled while there are fewer than 5 items
        'clientOptions' => [
            'search_contains' => true,
            'single_backstroke_delete' => false,
        ],
]);?>

Without a model

<?php
use skeeks\widget\chosen\Chosen;
?>
<?= Chosen::widget([
    'name' => 'ChosenTest',
    'value' => 3,
    'items' => [1 => 'First item', 2 => 'Second item', 3 => 'Third item'],
    'allowDeselect' => false,
    'disableSearch' => true, // Search input will be disabled
    'clientOptions' => [
        'search_contains' => true,
        'max_selected_options' => 2,
    ],
]);?>

To override default placeholder strings you can add translated messages for Select an option (single select) and Select some options (multiple select) to your application message file. By default widget will use ‘app’ category to translate this strings, but you can set your own category by changing translateCategory option in widget configuration. For example, you can write this in application config file:

<?php
\Yii::$container->set('skeeks\widget\chosen\Chosen', [
    'translateCategory' => 'my-app',
]);

Also you can override placeholder text when invoking widget (it can be useful for selects with small width):

<?php
use skeeks\widget\chosen\Chosen;
?>
<?= Chosen::widget([
    'name' => 'ChosenTest',
    'value' => 3,
    'items' => [1 => 'First item', 2 => 'Second item', 3 => 'Third item'],

    'placeholder' => 'Select',
]);?>

skeeks!
SkeekS CMS (Yii2) — quickly, easily and effectively!
skeeks.com | cms.skeeks.com

CHANGELOG

1.2.2

  • Fixed

1.2.1

  • Updating choosen to 1.8.2

1.2.0

  • Updating choosen to 1.8

1.1.0

  • Updating library

Все комментарии (0)
Нет комментариев

dev-master — 13 июля 2018 г., 12:02:23 (3 месяца назад)

1.2.2 — 13 июля 2018 г., 12:02:23 (3 месяца назад)

1.2.1 — 02 февр. 2018 г., 18:56:56 (8 месяцев назад)

1.2.0 — 04 нояб. 2017 г., 17:13:27 (11 месяцев назад)

1.1.0 — 13 сент. 2016 г., 22:52:53 (2 года назад)

1.0.4 — 16 июня 2015 г., 17:30:28 (3 года назад)

1.0.5 — 16 июня 2015 г., 17:30:05 (3 года назад)

1.0.3 — 17 апр. 2015 г., 9:43:42 (3 года назад)

1.0.2 — 24 марта 2015 г., 15:57:49 (3 года назад)

1.0.1 — 29 янв. 2015 г., 13:47:06 (3 года назад)

1.0.0 — 31 окт. 2014 г., 1:35:50 (3 года назад)

Стандартная установка:

Добавьте composer.json файл вашего проекта:

"skeeks/yii2-widget-chosen": "*"

Запустите обновление зависимостей


Читать про обнолвение SkeekS CMS