FineUI 官方论坛

标题: 【已解决】autocomplete组件放在window里，“下拉”会被遮挡 [打印本页]

---

作者: ZZZzzz    时间: 2015-3-12 09:40
标题: 【已解决】autocomplete组件放在window里，“下拉”会被遮挡
如题

---

作者: zy32002    时间: 2015-3-12 10:03
改样式 设置层级就可以。这不是fineui的bug

---

作者: ZZZzzz    时间: 2015-3-12 10:40

zy32002 发表于 2015-3-12 10:03
改样式 设置层级就可以。这不是fineui的bug

我知道原因，但不知改哪里。该改的地方都改过了，无效

---

作者: sanshi    时间: 2015-3-12 10:43


需要自己写点 JS 代码，设 autocomplete 弹出的层的 z-index 比所在 Window 控件的高点就行了。

代码：

1. $('#' + textbox2ID + ' input').autocomplete({
   
2.                 minLength: 2,
   
3.                 source: function (request, response) {
   
4.                     var term = request.term;
   
5.                     if (term in cache) {
   
6.                         response(cache[term]);
   
7.                         return;
   
8.                     }
   
9. 
   
10.                     $.getJSON("search.ashx", request, function (data, status, xhr) {
    
11.                         cache[term] = data;
    
12.                         response(data);
    
13.                     });
    
14.                 },
    
15.                 open: function (event, ui) {
    
16.                     var inputEl = $(this);
    
17.                     var wndZIndex = parseInt(inputEl.parents('.x-window').css('z-index'), 10);
    
18.                     inputEl.autocomplete('widget').css('z-index', wndZIndex + 1);
    
19.                 }
    
20.             });

复制代码

效果：
[attach]7277[/attach]

---

作者: ZZZzzz    时间: 2015-3-12 13:42
感谢三石鼎力相助。

原先我想到了改z-index，但改的是JQueryAutoComplete.js里的zindex,想从源文件里下手根除这个问题（把z-index设高一些），但是无效。

我的方法不可能实现吗？

---

作者: 舞柯庶    时间: 2015-4-10 14:43
专业版中能使用autocomplete自动填写功能不？

---

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)

Powered by Discuz! X3.4