modalpoup中的ASP.NETAjax组合框
我在ModalPopupXtender中有一个组合框,当弹出窗口显示时,项目列表不在文本框下,而是向右偏移。 我的代码是:modalpoup中的ASP.NETAjax组合框,asp.net,ajax,combobox,modalpopupextender,Asp.net,Ajax,Combobox,Modalpopupextender,我在ModalPopupXtender中有一个组合框,当弹出窗口显示时,项目列表不在文本框下,而是向右偏移。 我的代码是: <asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true"> <Services> </Services> <Scripts> <asp
<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true">
<Services>
</Services>
<Scripts>
<asp:ScriptReference Path="~/JavaScript/ScriptManager.js" />
</Scripts>
</asp:ScriptManager>
<div>
<asp:Panel ID="dialog" runat="server">
<div id="dialogContents">
<asp:ComboBox ID="DropDownListMailTos" runat="server" AutoPostBack="true"
DropDownStyle="DropDown" Width="90%" RenderMode="Block">
<asp:ListItem Text="1" Value="1" />
<asp:ListItem Text="2" Value="2" />
<asp:ListItem Text="3" Value="3" />
</asp:ComboBox>
<br />
<asp:Button ID="btnOK" Text="OK" runat="server" />
</div>
</asp:Panel>
<asp:Button ID="btnShow" Text="Open Dialog" runat="server" />
<asp:ModalPopupExtender
TargetControlID="btnShow"
PopupControlID="dialog"
OkControlID="btnOK"
DropShadow="true"
BackgroundCssClass="modalBackground"
runat="server" />
</div>
和
但是那里没有运气。
对此我能做些什么?看起来这里唯一的问题是modalpoup
与组合框的默认样式冲突。您只需使用应用于组合框
中的
列表项的CSS类,就可以让它们正确显示。将以下代码添加到该页面的CSS中(在IE9、Chrome和FireFox中进行了测试),您应该表现良好:
.ajax__combobox_itemlist
{
position:fixed !important;
}
有关更多信息,请参阅本文档底部的“组合框主题化”部分