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"
},
它工作得很好,我没有做任何更改,而且我意识到我的自动完成小部件没有显示在它以前的位置(它在 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"
},