[英]AjaxToolkit:ComboBox + AjaxToolkit:ModalPopupExtender — The ComboBox dropdown list cuts off… how to fix?
基本上,我有以下几点:
.AjaxComboBoxWindowsStyle
{
position: relative;
}
.AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer, .AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer
{
padding: 0 !important;
}
.AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
margin: 0;
border: solid 1px #7F9DB9;
border-right: 0px none;
padding: 0px 0px 0px 0px;
font-size: 13px;
height: 19px !important;
}
.AjaxComboBoxWindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
margin: 0;
padding: 0;
background-image: url(Img/ComboBox/windows-arrow.gif);
background-position: top left;
border: 0px none;
height: 21px !important;
width: 21px !important;
}
.AjaxComboBoxWindowsStyle .ajax__combobox_itemlist
{
border-color: #7F9DB9;
position: absolute !important;
left: -173px !important;
top: 22px !important;
width: 171px !important;
}
<asp:Panel id="divItem" class="lrgModalWrap" style="display: block;" runat="server">
<ajaxToolkit:ComboBox ID="cmbEmployees" CssClass="AjaxComboBoxWindowsStyle" runat="server" AutoPostBack="False" DropDownStyle="DropDown" AutoCompleteMode="SuggestAppend"
CaseSensitive="False" ItemInsertLocation="Append" MaxLength="32" />
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="mpeParcel" BackgroundCssClass="modalBgd" CancelControlID="lbtnCancelParcel" TargetControlID="hdnItem" PopupControlID="divItem" runat="server" />
问题在于,ComboBox下拉列表在弹出模型的底部结束处截断了……弹出模态中的combobox部分可以正确呈现,而其余部分则不能。
奇怪的是,标准的DropdownList(选择)可以正确呈现。
这可能是与z索引相关的问题,正在渲染的ComboBox的设置不够向前,无法重叠在显示的模式弹出窗口的顶部。
签出与Ajax Calendar Extender有关的类似问题,您应该能够对其应用相同的样式以使其正确显示。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.