README

此库包含两个最有用的 Bootstrap 多选插件。一个是来自 David Stutz 的 MultiSelect Bootstrap 插件，另一个是来自 Loudev 的 MultiSelect.js 插件。

安装

安装此扩展的首选方式是通过 composer。

运行以下命令之一：

php composer.phar require 2amigos/yii2-multi-select-widget "*"

或者

"2amigos/yii2-multi-select-widget" : "*"

将以下内容添加到您应用程序 composer.json 文件的 require 部分。

MultiSelect Bootstrap 插件的使用方法

使用模型

use dosamigos\multiselect\MultiSelect;

<?= $form->field($model, 'attribute')->widget(MultiSelect::className(),[
    'data' => ['super', 'natural'],
]) ?>

作为独立小部件使用

echo MultiSelect::widget([
    'id'=>"multiXX",
    "options" => ['multiple'=>"multiple"], // for the actual multiselect
    'data' => [ 0 => 'super', 2 => 'natural'], // data as array
    'value' => [ 0, 2], // if preselected
    'name' => 'multti', // name for the form
    "clientOptions" => 
        [
            "includeSelectAllOption" => true,
            'numberDisplayed' => 2
        ], 
]);

MultiSelectListBox Bootstrap 插件的使用方法

使用此插件的功能实际上与上一个插件相同。唯一不同的是其配置选项集。

use dosamigos\multiselect\MultiSelectListBox;
use yii\web\JsExpression;

<?= $form->field($model, 'attribute')->widget(MultiSelectListBox::className(),[
    'data' => ['super', 'natural'],
    'clientOptions' => [
        'selectableHeader' => "<input type='text' class='search-input' autocomplete='off' placeholder='try \"12\"'>",
        // yep, events MUST use JsExpression
        'afterInit' => new JsExpression('function(ms){ // ... }')
    ]
]) ?>

更多信息

我强烈建议您访问这两个网站

• MultiSelect Bootstrap 插件
• MultiSelect.js 插件

然后，查看允许您创建一个或另一个选项的选项。我从未在同一个 UI 上使用过这两个插件，并且不确定它们是否可以一起使用。虽然 MultiSelectListBox 的构造函数名称不同（multiSelect 与 multiselect），但它们的相似度非常高，但我们不确定它们是否兼容。

如果您有经验并且愿意分享，请在 issues 中告诉我们，我们将相应地更新此 README 文件。

贡献

有关详细信息，请参阅 CONTRIBUTING

致谢

• Antonio Ramirez
• 所有贡献者

许可

BSD 许可证（BSD）。有关更多信息，请参阅 许可文件

网络开发从未如此有趣！ www.2amigos.us