yii2 自动完成位置

yii2 AutoComplete position

它工作得很好,我没有做任何更改,而且我意识到我的自动完成小部件没有显示在它以前的位置(它在 gridView 中,就在过滤器文本输入下方预期的位置)。现在它显示在页面的左上角,导航栏覆盖了前 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});

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

还比较有意思的是:

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

这个 autocomplete="off" 在那里做什么?

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

此问题已在此处修复: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"
     },