我有一个模态弹出窗口,当它加载高于浏览器高度的内容时,我无法向下滚动以查看其余信息.相反,背景可以滚动,但弹出窗口不会.
相反,我希望弹出窗口保持不变,当用户向上或向下滚动时,将弹出窗口保留在原位并让它们滚动到内容的底部.如果你在Facebook上发一个超长的帖子,弹出窗口正常工作,我想知道如何用这个控件获得同样的效果.
如何设置TragetContriID一个HyperLink是内部的GridView?
我试过这个:
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
PopupControlID="Panel1"
CancelControlID="btnCancel"
OnCancelScript="HideModalPopup()"
TargetControlID="GridView1$HyperLink1">
</asp:ModalPopupExtender>
Run Code Online (Sandbox Code Playgroud)
但我有一个错误:没有 GridView1$HyperLink1
我有一个来自AjaxControlToolkit的ModalPopupExtender,可以在Firefox,Chrome和IE8中正常运行,但是当我在IE8兼容模式下运行时,它会弹出我页面的内容,而不是在顶部.
弹出窗口位于由主页面呈现的用户控件中.我认为正在发生的是它正在主页面内容中出现,因为主页内容(我的标题和侧边栏)显示为灰色,但内容占位符在我的弹出窗口前呈现.我在网上找到了一个解决方案,建议将母版页中的doctype声明更改为:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Run Code Online (Sandbox Code Playgroud)
但我已经有了确切的声明,仍然存在定位问题.这是弹出代码:
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="lnkbtnDealerID"
PopupControlID="pnlPopup"
BackgroundCssClass="modalBackground"
DropShadow="true"
OkControlID="OkButton"
CancelControlID="CancelButton"
OnOkScript=""
>
</cc1:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none" Width="233px">
<p>Are you sure? Your current shopping cart is valid only for the current Dealer ID. Switching Dealer IDs will reset your cart according to the new Dealer ID chosen.</p>
<br />
<div align="center">
<asp:Button ID="OkButton" runat="server" Text="Ok" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</div>
</asp:Panel>
Run Code Online (Sandbox Code Playgroud)
和相关的CSS:
.popupControl {
background-color: white;
position:absolute; …Run Code Online (Sandbox Code Playgroud) asp.net internet-explorer modalpopupextender ajaxcontroltoolkit
我在ModalPopupExtender中有一个组合框,当显示弹出窗口时,项目列表不在文本框下面但向右偏移.我的代码是:
<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>
Run Code Online (Sandbox Code Playgroud)
但那里没有运气.我该怎么办?
我有一个内容页面,其中包含更新面板和更新进度控件.页面回发时,将正确显示"更新进度"控件.我现在已经向页面添加了一个Modal Popup Extender.从Modal Popup Extender触发回发时,将显示Update Progress控件,但在Modal Popup Extender下面.
如何强制更新进度控件显示在顶部?
asp.net modalpopupextender ajaxcontroltoolkit updateprogress
我有一个使用ASP.NET AJAX的ASP.NET应用程序.我正在使用ASP.NET AJAX Toolkit向用户显示一个对话框.当用户在对话框中单击"是"时,我想在后面的代码中处理该事件.但是,我注意到我的点击事件没有到达.这是主要代码:
<asp:Panel ID="dialogContinuePanel" runat="server" style="display:none;" DefaultButton="yesButton">
<div>Are you sure you want to continue?</div>
<div>
<asp:ImageButton ID="yesButton" runat="server" AlternateText="Yes" ImageUrl="/resources/yes.png" OnClick="yesButton_Click" />
<asp:ImageButton ID="noButton" runat="server" AlternateText="No" ImageUrl="/resources/no.png" />
</div>
</asp:Panel>
<asp:LinkButton ID="hiddenLinkButton" runat="server" Text="" />
<cc1:ModalPopupExtender ID="dialogErrorExtender" runat="server" OkControlID="yesButton"
TargetControlID="hiddenLinkButton" PopupControlID="dialogContinuePanel"
CancelControlID="noButton" />
Run Code Online (Sandbox Code Playgroud)
我的守则背后:
protected void yesButton_Click(object sender, EventArgs e)
{
string argument = yesButton.CommandArgument;
// Do some processing and redirect the user
}
Run Code Online (Sandbox Code Playgroud)
如何处理与ModalPopupExtender一起使用的Button的click事件?我究竟做错了什么?
我想问大家一个简单的问题。
我在更新面板中有一个网格视图。我的模态弹出窗口拉起这个面板。到目前为止我很好。
但是,当我尝试在弹出的网格视图上进行分页时,页面会回发。
然后模态弹出窗口消失了,我的 GridView 也消失了。
当我再次单击 mybutton 时,它会显示带有网格视图的模态弹出窗口和网格视图中的下一页内容。
有什么方法可以让这个网格视图进行分页而不回发并且不丢失模态弹出窗口?
任何帮助将不胜感激。
谢谢,
我在ModalPopupExtender中显示gridview.当屏幕分辨率很小时,弹出窗口将大到全部显示在页面上.
我只想在发生这种情况时向弹出窗口添加滚动条.
我知道它可能是一些CSS,但我尝试的都没有用.
这里有一些基础CSS
.modalTextBoxBackground
{
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
.modalTextBox
{
border: 1px solid #FFFFFF;
background-color: #0066CC;
color: #00FFFF;
}
Run Code Online (Sandbox Code Playgroud)
这里有一些来自aspx的代码
<asp:Panel ID="OptionSelectionPanel" runat="server" CssClass="modalTextBox">
<asp:UpdatePanel ID="OptionSelectionUpdatePanel" runat="server" UpdateMode="Conditional" >
<Triggers>
<asp:asyncPostBackTrigger ControlID="TemplateSelection" />
</Triggers>
<ContentTemplate>
<table class="EditRow">
<tr class="HeaderFooter">
<td colspan="3" class="modalTextBoxTitle">
Add options to Quote
</td>
</tr>
<tr>
<td>
Manufacturer
</td>
<td>
<asp:DropDownList ID="OptionManufacturerFilter" runat="server"
DataSourceID="OptionManufacturerDataSource" DataTextField="Name"
DataValueField="Code" AutoPostBack="True" >
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="3">
<asp:GridView ID="NewOptionSelection"
runat="server"
DataSourceID="AvailableOptions"
DataKeyNames="Option_Id"
AllowPaging="True"
AllowSorting="True"
AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="category_Descr" …Run Code Online (Sandbox Code Playgroud) 我目前正在使用C#在ASP.net中使用ModalPopupExtender.我有模态弹出扩展器工作正常,但我只是想知道是否有办法用某种动画使背景变暗,以使弹出扩展器更加明显.
是否有一种JQuery或AJAX形式可以为我提供这种功能.
谢谢您的帮助.
我在 React 中有一个 Image 类,并且有一个按钮应该在每个图像上实现单击扩展。我决定使用模态弹出窗口,因此当我单击时,图像将在模态弹出窗口中显示更大。我发现很难将模态设置为图像。
先感谢您。
这是来自ImageReact 中的类:
<FontAwesome
className="image-icon"
name="expand"
title="expand"
onClick={this.showModal}
/>
<Modal show={this.state.isExpand} handleClose={this.hideModal} />
Run Code Online (Sandbox Code Playgroud)
模态:
const Modal = ({ handleClose, show }) => {
const showHideClassName = show ? 'modal display-block' : 'modal display-none';
return (
<div className={showHideClassName}>
<section className="modal-main">
<button onClick={handleClose}>close</button>
</section>
</div>
);
};
Run Code Online (Sandbox Code Playgroud)