https://github.com/aehlke/tag-it
//work with ActiveForm
$form->field($model, 'tags')->widget(\xj\tagit\Tagit::className(), [
'clientOptions' => [
'tagSource' => Url::to(['tag/get-autocomplete']),
'autocomplete' => [
'delay' => 200,
'minLength' => 1,
],
'singleField' => true,
'beforeTagAdded' => new JsExpression(<<<EOF
function(event, ui){
if (!ui.duringInitialization) {
console.log(event);
console.log(ui);
}
}
EOF
),
],
]);
//work with hidden input
echo yii\helpers\Html::hiddenInput('mytag', '', ['id' => 'myTagId']);
echo Tagit::widget([
'renderTag' => false,
'id' => 'myTagId',
'name' => 'mytag',
'value' => ['a', 'b'],
'clientOptions' => [
'availableTags' => ['aaa', 'bbb']
]
]);
//work with hidden input (input init value)
echo yii\helpers\Html::hiddenInput('mytag2', 'a,b,c,d', ['id' => 'myTagId2']);
echo Tagit::widget([
'renderTag' => false,
'id' => 'myTagId2',
'name' => 'mytag2',
'clientOptions' => [
'availableTags' => ['aaa', 'bbb']
]
]);
//auto render with autocomplete
echo Tagit::widget([
'id' => 'myTagId3',
'name' => 'mytag3',
'clientOptions' => [
'tagSource' => Url::to(['tag/get-autocomplete']),
'autocomplete' => [
'delay' => 0,
'minLength' => 1,
],
]
]);
xj\tagit\TagitAsset::register($this);