加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

asp.net – Webkit中的AutoCompleteExtender位置错误

发布时间:2020-12-16 06:46:35 所属栏目:asp.Net 来源:网络整理
导读:我有一个ajaxtoolkit AutoCompleteExtender,其位置为:absolute.我把它放在一个位置为div的div中.这使得扩展程序下拉放置在所有浏览器上都是完美的,除了在Chrome / Safari上,其位置相对于窗口的左上角而不是div. 当我使用与为AutoCompleteExtender生成的HTML
我有一个ajaxtoolkit AutoCompleteExtender,其位置为:absolute.我把它放在一个位置为div的div中.这使得扩展程序下拉放置在所有浏览器上都是完美的,除了在Chrome / Safari上,其位置相对于窗口的左上角而不是div.

当我使用与为AutoCompleteExtender生成的HTML相同的css类和内联样式放置另一个ul时,定位在Chrome中正常工作.因此扩展器有一些特定的东西使它在HTML代码的底部呈现(在结束标记之前,因此在计算其位置时不使用div作为它的父级).

我有什么想法可以解决这个问题?

码:

<div class="searching">
<ajaxToolkit:AutoCompleteExtender 
            runat="server" 
            ID="biznameOrCategoryAutoComplete" 
            TargetControlID="txtBizNameOrCategory"
            ServicePath="~/AutoComplete.asmx"
            ServiceMethod="GetBiznameOrCategoryCompletionList"
            MinimumPrefixLength="1" 
            CompletionInterval="1000"
            EnableCaching="true"
            CompletionSetCount="10" 
            CompletionListCssClass="autocomplete_completionCompyNameListElement" 
            CompletionListItemCssClass="autocomplete_listItem" 
            CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
            ShowOnlyCurrentWordInCompletionListItem="true">
        </ajaxToolkit:AutoCompleteExtender>
</div>

CSS:

.searching {
margin-left:5px;
padding-top:10px;
width:366px;
position: relative;
}
.autocomplete_completionCompyNameListElement {
background: #fff;
font-family:Arial,Helvetica,sans-serif;
font-size: 17px;
width: 340px !important;
left: 20px !important;
border: 1px solid #d9d9d9;
font-size: 12px;
top: 48px !important;
padding: 2px 4px !important;
}

解决方法

尝试添加纯HTML< div>在具有spcified id属性的扩展程序之后的元素,并将此id值用于扩展程序的CompletionListElementID属性.

当您将ID传递给扩展程序时,它会将项目插入为< div>元素.所以添加一个简单的HTML< div>而不是< ul>维护有效的HTML.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读