yii-cms / yii2-typeahead
Typeahead widget for Yii2 framework.
Installs: 17 647
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Type:yii2-extension
Requires
- bower-asset/typeahead.js: 0.11.*
- yiisoft/yii2: >=2.0
This package is auto-updated.
Last update: 2024-10-25 17:48:30 UTC
README
Typeahead widget for Yii2 framework.
<?php echo Typeahead::widget([ 'id' => 'typeahead-id', 'name' => 'typeahead-name', 'clientOptions' => [ 'displayKey' => 'value', 'templates' => [ 'suggestion' => new JsExpression("function(data){ return '<p>' + data.value + '</p>'; }"), ], ], 'events' => [ 'typeahead:selected' => new JsExpression( 'function(obj, datum, name) { window.location = datum.url; }' ), ], 'bloodhoundOptions' => [ 'remote' => [ 'url' => Url::to(['controller/action']) . '?q=%QUERY', 'ajax' => ['data' => [ 'id' => $model->id, ]], 'replace' => new JsExpression(" function(url, query) { return url.replace('%QUERY', query); } "), 'filter' => new JsExpression(" function(list) { return $.map(list, function(item) { return { value: item.name, url: item.url }; }); } "), ], ], 'options' => ['class' => 'form-control', 'placeholder' => 'Title', 'autofocus' => true], ]);