jQuery ui对话框中的Asp.net ajax自动完成功能不起作用

Posted 2023-02-24

【中文标题】jQuery ui对话框中的Asp.net ajax自动完成功能不起作用

【英文标题】：Asp.net ajax autocomplete inside jquery ui dialog not working

【发布时间】：2011-06-24 13:03:19

【问题描述】：

jquery ui 对话框中的 Asp.net ajax 自动完成功能不起作用， 请帮忙

自动完成列表出现在 Jquery ui 对话框的后面

更新： 我尝试了以下解决方法，但仍然不起作用

<cc1:AutoCompleteExtender ID="ACEVendor" runat="server" TargetControlID="DrplVendor"
    ServiceMethod="GetVendorforDrp" ServicePath="~/GRN/GRNService.asmx" MinimumPrefixLength="1"
    UseContextKey="True" Enabled="True" OnClientShowing="clientShowing">
</cc1:AutoCompleteExtender>
<script type="text/javascript">
    function clientShowing(source, args) 
        $(source._popupBehavior._element.style.zIndex = 99999;
    
</script>

【参考方案1】：

使用以下样式将 CompletionListCssClass 属性添加到 AutoCompleteExtender：

.AutoCompleteExtenderList

    z-index: n !important;

其中 n 是对话框的 z-index + 3（默认为 4002）

【参考方案2】：

如果你使用的是 .net framework 3.5，那么 jquery 会因 Ajax 崩溃。你需要创建没有冲突的 jquery 对象。