akavov/yii2-bootstrap-tokenfield

使用 Bootstrap Tokefield 创建优雅的标签字段，支持复制粘贴和键盘输入

维护者

详细信息

github.com/aka-VoV/Yii2-Bootstrap-Tokenfield

源代码

问题

安装次数: 2,406

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

开放问题: 1

类型:yii2-extension

0.1.0 2015-08-28 14:49 UTC

Requires

MIT ad383d7a9dbdc99f47aec5c2f7f45deca864408f

  • akaVoV <vlvladimirvl.woop@gmail.com>

extensionyii2 tokenfield bootstrap tags

This package is not auto-updated.

Last update: 2024-09-28 18:42:15 UTC

README

使用 Bootstrap Tokefield 创建优雅的标签字段，支持复制粘贴和键盘输入（http://sliptree.github.io/bootstrap-tokenfield/）

安装

推荐通过 composer 安装此扩展。

运行以下命令：

php composer.phar require --prefer-dist akavov/yii2-bootstrap-tokenfield : "*"

或者将以下内容添加到你的 composer.json 文件的 require 部分：

"akavov/yii2-bootstrap-tokenfield": "*"

to the require section of your composer.json file.

使用方法

安装扩展后，只需在代码中使用

<?= \akavov\tokenfield\Tokenfield::widget([
    'name' => 'inputName',
]);

即可使用自动完成功能

<?= \akavov\tokenfield\Tokenfield::widget([
    'name' => 'inputName',
    "pluginOptions" => [
        'delimiter' => '#', // default ',' (comma)
        'showAutocompleteOnFocus' => true,
        'autocomplete' => [
            'source' => ['red','blue','green','yellow','violet','brown','purple','black','white'],
            'delay' => 100
        ],
    ],
]);

与 ActiveForm 一起使用

<?= $form->field($model, 'name')->widget(\akavov\tokenfield\Tokenfield::className(), [
    'pluginOptions' => [
        'delimiter' => '#', // default ',' (comma)
        'showAutocompleteOnFocus' => true,
        'autocomplete' => [
            'source' => ['red','blue','green','yellow','violet','brown','purple','black','white'],
            'delay' => 100
        ],
    ],
]); ?>

待办事项

  1. 添加在 jqueryui 和 typeahead 之间选择的能力
  2. 测试