phpnt/awesome-bootstrap-checkbox

Yii2 Awesome Bootstrap Checkbox

0.0.1 2016-07-04 11:58 UTC

Requires

• php: >=5.4.0
• bower-asset/awesome-bootstrap-checkbox: *
• phpnt/font-awesome: ^0.0.1
• yiisoft/yii2: *

MIT

• phpNT

• bootstrap
• widget
• awesome
• checkbox
• yii2
• phpnt
• awesome-bootstrap-checkbox

README

Описание:

Позволяет использовать стилизованные чекбоксы и радио-кнопки.

DEMO

- Поддержать phpNT

Социальные сети:

• Канал YouTube
• Группа VK
• Группа facebook

Установка:

php composer.phar require "phpnt/awesome-bootstrap-checkbox" "*"

или

composer require phpnt/awesome-bootstrap-checkbox

или добавить в composer.json файл

"phpnt/awesome-bootstrap-checkbox": "*"

Представление:

<?php
use yii\bootstrap\Html;
use yii\bootstrap\ActiveForm;
use phpnt\awesomeBootstrapCheckbox\AwesomeBootstrapCheckboxAsset;

AwesomeBootstrapCheckboxAsset::register($this);
// Теперь, все элементы input с типом checkbox или radio, обернутые в класс checkbox будут стилизованые
// массив элементов
$items = [
    1 => 'Апельсин',
    2 => 'Бочка',
    3 => 'Велосипед',
    4 => 'Гризли',
    5 => 'Дом',
];
// Использование в активной форме
$form = ActiveForm::begin();
    // Вертикальное расположение
    echo $form->field($model, 'id')
        ->checkboxList(
            $items,
            [
                'item' => function ($index, $label, $name, $checked, $value){
                    return '<div class="checkbox-info checkbox">
                                <input type="checkbox" id="check-'.$index.'" name="Model['.$name.'][]" value="'.$value.'" checked>
                                <label for="check-'.$index.'">'.$label.'</label>
                            </div>';
                }
            ]);
    // Горизонтальное расположение
    echo $form->field($model, 'id')
        ->radioList(
            $items,
            [
                'class' => 'radio radio-success radio-inline',
                'item' => function ($index, $label, $name, $checked, $value){
                    return '<input type="radio" id="check-h-'.$index.'" name="Model['.$name.'][]" value="0">
                                <label for="check-h-'.$index.'">'.$label.'</label>';
                }
            ])->inline(true);
ActiveForm::end();

//Использование без активной формы
// Вертикальное расположение
Html::checkboxList('item', null, $items, [
    'class' => 'checkbox checkbox-inline checkbox-warning',
    'item' => function ($index, $label, $name, $checked, $value){
        return '<input type="checkbox" id="check-n-'.$index.'" name="Model['.$name.'][]" value="'.$value.'" checked>
                    <label for="check-n-'.$index.'">'.$label.'</label>';
    }
]);
// Горизонтальное расположение
Html::radioList('item', null, $items, [
    'class' => 'radio radio-danger',
    'item' => function ($index, $label, $name, $checked, $value){
        return '<div><input type="radio" id="check-n2-'.$index.'" name="Model['.$name.'][]" value="'.$value.'">
                    <label for="check-n2-'.$index.'">'.$label.'</label></div>';
    }
]);
?>

Документация (примеры):

Awesome Bootstrap Checkbox

Версия:

0.0.1

Лицензия:

MIT