承接 kluseg/laravel-bootstrap-select 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

kluseg/laravel-bootstrap-select

Composer 安装命令:

composer require kluseg/laravel-bootstrap-select

包简介

Set of selects utilizing bootstrap's 4 dropdowns paired with Laravel components

README 文档

README

Latest Version on Packagist Total Downloads Build Status StyleCI

This is where your description should go. Take a look at contributing.md to see a to do list.

Installation

Via Composer

$ composer require kluseg/laravel-bootstrap-select

Usage

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

In 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')

In your views

<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>

Change log

Please see the changelog for more information on what has changed recently.

Testing

$ composer test

Contributing

Please see contributing.md for details and a todolist.

Security

If you discover any security related issues, please email author email instead of using the issue tracker.

Credits

License

license. Please see the license file for more information.

统计信息

  • 总下载量: 9
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 0
  • 点击次数: 3
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 0
  • Watchers: 0
  • Forks: 0
  • 开发语言: JavaScript

其他信息

  • 授权协议: MIT
  • 更新时间: 2019-03-15

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固