kluseg / laravel-bootstrap-select
一套使用 Bootstrap 4 下拉菜单与 Laravel 组件配合的 select 组件
v1.0.0
2019-03-15 16:33 UTC
Requires
Requires (Dev)
- mockery/mockery: ^1.1
- orchestra/testbench: ~3.0
- phpunit/phpunit: ~7.0
- sempro/phpunit-pretty-print: ^1.0
This package is auto-updated.
Last update: 2024-09-16 05:18:52 UTC
README
这里应该放置你的描述。查看 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 了解详细信息和待办事项列表。
安全性
如果你发现任何安全问题,请通过作者的电子邮件联系,而不是使用问题跟踪器。
鸣谢
许可证
许可证。请参阅 许可证文件 了解更多信息。