今天有一个功能需要用到autocomplete,既然用yii2开发,在这里当然使用它自带的yii2-jui中的autocomplete组件了。
yii2basic版默认是没有yii2-jui组件的,需要我们安装后才可以使用,下面的方法适合无法使用composer进行组件安装的人(比如我)。
原文链接:http://www.yiifans.com/forum.php?mod=viewthread&tid=12787
1、首先下载yii2-jui组件,github地址:https://github.com/yiisoft/yii2-jui,或者直接下载zip: https://codeload.github.com/yiisoft/yii2-jui/zip/master
2、解压文件到项目的vendor/yiisoft中并更改文件夹名为yii2-jui
3、打开vendor文件夹下的extensions.php,在最后照猫画虎添加如下代码:
- 'yiisoft/yii2-jui' =>
- array (
- 'name' => 'yiisoft/yii2-jui',
- 'alias' =>
- array (
- '@yii/jui' => $vendorDir . '/yiisoft/yii2-jui',
- ),
- ),
复制代码
4、yii2-jui需要bower的jquery-ui组件,如何使用bower安装jquery-ui可以另外写一个教程了,这里我提供现成的压缩包(相关文件请点击上方原文链接查找下载即可),就不用那么麻烦的步骤了。
经过以上的配置,就可以使用yii2-jui组件了,下面我测试成功的一段代码结束本文
- <?= AutoComplete::widget([
- 'name' => 'country',
- 'clientOptions' => [
- 'source' => ['USA', 'RUS'],
- ],
- ]); ?>
复制代码