Yii 2 - Membuat autocomplete

alfa6661
- February 15, 2016
0 (0 votes)
Rate :
Cara membuat autocomplete dengan menggunakan Autocomplete jQuery UI

AutoComplete adalah salah satu fungsi yang membuat pengisian data pada form menjadi lebih interaktif. AutoComplete berfungsi untuk memberikan sugesti pada pengguna mengenai apa yang diisikannya. Dengan kata lain ketika kita mengetikkan sesuatu aplikasi akan menyediakan kata yang dimaksud tanpa harus mengetikkan kata tersebut secara utuh.

Salah satu library untuk membuat autocomplete ini adalah dengan menggunakan jquery ui autocomplete.

Yii 2 jQuery UI Extension

Yii 2 sudah menyediakan extension untuk membuat widget-widget dari jQuery UI. Salah satunya adalah AutoComplete. Para artikel kali ini kita akan membahas bagaimana membuat AutoComplete menggunakan Yii 2.

Instalasi

Untuk menginstall extension ini kita akan menggunakan composer. Jalankan perintah ini pada console.

php composer.phar require --prefer-dist yiisoft/yii2-jui

atau tambahkan baris kode ini pada file composer.json anda.

"yiisoft/yii2-jui": "~2.0.0"

Cara Penggunaan

Pada view yang akan anda gunakan, import class AutoComplete dengan menggunakan method use.

use yii\jui\AutoComplete;

Kemudian tambahkan kode dibawah ini untuk menggenerate widget AutoComplete.

echo AutoComplete::widget([
    'model' => $model,
    'attribute' => 'country',
    'clientOptions' => [
        'source' => ['USA', 'RUS'],
    ],
]);

Penggunaan dengan ActiveForm

<?= $form->field($model, 'attribute')->widget(AutoComplete::classname(), [
    'clientOptions' => [
        'source' => ['USA', 'RUS'],
    ],
]) ?>

Computer science education cannot make anybody an expert programmer any more than studying brushes and pigment can make somebody an expert painter

– Eric S. Raymond

Have a better explanation?

If you have comments about this post. Please write your comments below

No comments associated with this article