yii2自动完成位置

时间:2017-11-07 15:22:08

标签: yii2 jquery-ui-autocomplete

它工作得很好,我没有改变任何东西,而且我已经意识到我的AutoComplete小部件显示的不是以前的位置(它位于gridView中,正好位于过滤器textinput下面的位置)。现在它显示在页面的左上角,导航栏覆盖了前2-3个选项。 AutoComplete或Yii2现在有变化吗?我找到了一个可能与问题有关的选项appendTo,我已经用它进行了实验,但没有运气,要么它没有出现,要么仍然在错误的地方。我没有发现任何其他相关内容。

这是我在gridview中的代码:

[
    'attribute' => 'name',
    'contentOptions' => ['nowrap' => 'nowrap'],
    'filter' => AutoComplete::widget([
        'model' => $searchModel,
        'attribute' => 'name',
        'clientOptions' => [
            'source' => Pl::find()->allAutoCompleteName(),
            'autoFill' => true,
        ],
        'options' => ['class' => 'form-control']
    ]),
],

搜索字段的ID为plsearch-name

js

jQuery('#plsearch-name').autocomplete({"source":[{"value":"PE 150","label":"PE 150"}...],"autoFill":true});

如果我将appendTo中的clientOptions设置为'#plsearch-name',那么它根本不显示,但它是正确的,不是吗?我没有看到任何造型。

还有一点非常有趣:

<input 
type="text" 
id="plsearch-name" 
class="form-control ui-autocomplete-input" 
name="PlSearch[name]" 
autocomplete="off"/>

autocomplete =“off”在那里做什么?

你能指点我正确的方向吗?非常感谢!

1 个答案:

答案 0 :(得分:0)

此问题已修复:https://github.com/yiisoft/yii2-jui/commit/36468550d72bce9d963149abe85b13ea2f3a8c18

JQuery UI版本应更新为1.12

"require": {
         "yiisoft/yii2": "~2.0.4",
-        "bower-asset/jquery-ui": "1.11.*@stable"
+        "bower-asset/jquery-ui": "~1.12.1"
     },