kluseg/laravel-bootstrap-select

一套使用 Bootstrap 4 下拉菜单与 Laravel 组件配合的 select 组件

v1.0.0 2019-03-15 16:33 UTC

This package is auto-updated.

Last update: 2024-09-16 05:18:52 UTC


README

Latest Version on Packagist Total Downloads Build Status StyleCI

这里应该放置你的描述。查看 contributing.md 了解待办事项列表。

安装

通过 Composer

$ composer require kluseg/laravel-bootstrap-select

使用方法

$ php artisan vendor:publish --tag=laravel-bootstrap-select-assets

在 webpack.mix.js 中

mix.js('resources/assets/vendor/kluseg/js/multiple-select.js', 'public/js')
   .sass('resources/assets/vendor/kluseg/sass/multiple-select.scss', 'public/css')

在你的视图中

<div class="form-group">
    <label>I am multiple select!</label>
    @component('bs::multiple-select-sync', [
        'sm' => true,
        'model' => null,
        'items' => [
            [
                'name' => 'input_name_1',
                'value' => 'input_value_1',
                'label' => 'Label 1'
            ],
            [
                'name' => 'input_name_2',
                'value' => 'input_value_2',
                'label' => 'Label 2'
            ]
        ]
    ])
        Please select one
    @endcomponent
</div>
<div class="form-group">
    <label>I am single select!</label>
    @component('bs::multiple-select-sync', [
        'sm' => true,
        'model' => null,
        'items' => [
            [
                'group' => 'first_group',
                'label' => 'I am single select!',
                'unique' => true,
                'items' => [
                    [
                        'name' => 'input_name_1',
                        'value' => 'input_value_1',
                        'label' => 'Label 1'
                    ],
                    [
                        'name' => 'input_name_2',
                        'value' => 'input_value_2',
                        'label' => 'Label 2'
                    ]
                ]
            ],
        ]
    ])
        Please select one
    @endcomponent
</div>
<div class="form-group">
    <label>I am everything-in-one select!</label>
    @component('bs::multiple-select-sync', [
        'items' => [
            [
                'group' => 'first_group',
                'label' => 'I am unique group!',
                'unique' => true,
                'items' => [
                    [
                        'name' => 'input_name_1',
                        'value' => 'input_value_1',
                        'label' => 'Label 1'
                    ],
                    [
                        'name' => 'input_name_2',
                        'value' => 'input_value_2',
                        'label' => 'Label 2'
                    ]
                ]
            ],
            [
                'group' => 'second_group',
                'label' => 'I am not an unique group!',
                'unique' => false,
                'items' => [
                    [
                        'name' => 'input_name_1',
                        'value' => 'input_value_1',
                        'label' => 'Label 1'
                    ],
                    [
                        'name' => 'input_name_2',
                        'value' => 'input_value_2',
                        'label' => 'Label 2'
                    ]
                ]
            ],
        ]
    ])
        Please select one
    @endcomponent
</div>

变更日志

请参阅 changelog 了解最近的变化。

测试

$ composer test

贡献

请参阅 contributing.md 了解详细信息和待办事项列表。

安全性

如果你发现任何安全问题,请通过作者的电子邮件联系,而不是使用问题跟踪器。

鸣谢

许可证

许可证。请参阅 许可证文件 了解更多信息。