ajaxcontroltoolkit - 滚动时 AutoCompleteExtender 定位菜单不正确

Question

我们有一个链接到 TextBox 的 AutoCompleteExtender。两个控件都放在 UpdatePanel 中，UpdatePanel 使用 Javascript 库 (Ext.BasicDialog) 显示为弹出对话框。

弹窗是页面上的一个div，不是一个单独的窗口。问题在于，当用户在弹出窗口内滚动时，AutoCompleteExtender 在错误的位置显示其菜单。看起来它正在从弹出窗口顶部获取可见距离，并将菜单定位在弹出窗口内部 html 的顶部(不可见)

我们使用的是 AjaxControlToolkit 版本 1.0.20229.20821，我们的目标是 ASP.NET Framework 版本 2.0。

我试图通过将以下 Javascript 附加到 OnClientShown 事件来修复菜单，但它几乎做了同样的事情:

function resetPosition(object, args) {

    var tb = object._element; // tb is the associated textbox.
    var offset = $('#' + tb.id).offset();

    var ex = object._completionListElement;
    if (ex) {
        $('#' + ex.id).offset(offset);
    }  
} 

Answer 1

我通过在包含 TextBox 和自动完成扩展器的 div 上设置 position:relative 来解决这个问题。扩展程序在弹出面板内时一定使用了错误的元素来定位。