里面的UpdatePanel显示/隐藏modalpopupextender [英] show/hide modalpopupextender inside updatepanel
问题描述
我有一个AJAX的UpdatePanel和网格的asp.net页面。同样的UpdatePanel内,我有一个modalpopupextender。我想显示对电网的排按钮的点击modalpopupextender。
我写了这个JS:
函数AddRemoveFavorites(REGID){ Showpopup();
返回false;
} 功能Hidepopup(){
找到$('ModalPopupExtender1')隐藏()。
}
//函数来显示ModalPopUp
功能Showpopup(){
找到$('ModalPopupExtender1')显示()。
}
和这里是为标记更新面板,modalpopup和GridView按钮列。
< ASP:的UpdatePanel ID =ResultUpdatePanel=服务器的UpdateMode =条件>
<&触发器GT;
< ASP:AsyncPostBackTrigger控件ID =SearchLinkButton事件名称=点击/>
< ASP:AsyncPostBackTrigger控件ID =提交按钮事件名称=点击/>
< /触发器>
<&的ContentTemplate GT;
< ASP:按钮的ID =Button1的=服务器文本=按钮/>
< AJAX:ModalPopupExtender ID =ModalPopupExtender1=服务器CancelControlID =btnCancel
OkControlID =btnOkay的TargetControlID =Button1的PopupControlID =Panel1的PopupDragHandleControlID =PopupHeader
拖动=真BackgroundCssClass =ModalPopupBG>
< / AJAX:ModalPopupExtender>
< ASP:面板ID =Panel1的风格=显示:无=服务器>
< DIV CLASS =HellowWorldPopup>
< DIV CLASS =PopupHeaderID =PopupHeader>
头< / DIV>
< DIV CLASS =PopupBody>
&所述p为H.;
这是一个简单的模式对话框< / P>
< / DIV>
< DIV CLASS =控件>
<输入ID =btnOkay类型=按钮值=完成/>
<输入ID =btnCancel类型=按钮值=取消/>
< / DIV>
< / DIV>
< / ASP:面板>
和网格列
< ASP:的TemplateField HeaderStyle-的CssClass =gridTitleCor2ItemStyle-的CssClass =GridBorderR
ItemStyle换行=false的>
<&ItemTemplate中GT;
< ASP:占位符ID =SavedPH=服务器可见='<%#的eval(IsSaved)的ToString()==1%方式>>
< A HREF =#的onclick ='AddRemoveFavorites(LT;%#的eval(RegistrantID)的ToString()%GT;);返回false;
标题=<%= Resources.UserProfile.C_SerRes_RemoveFavorites%GT;>
< IMG ID ='<%#的String.Format(StatusImage_ {0}的eval(RegistrantID)的ToString())%GT;'
SRC =/图像/ StarYellow.png/>
&所述; / A>&下; / ASP:占位符>
< ASP:占位符ID =NotSavedPH=服务器可见='<%#的eval(IsSaved)的ToString()==0%GT;'>
< A HREF =#的onclick ='AddRemoveFavorites(LT;%#的eval(RegistrantID)的ToString()%GT;);返回false;
标题=<%= Resources.UserProfile.C_SerRes_AddFavorites%GT;>
< IMG ID ='<%#的String.Format(StatusImage_ {0}的eval(RegistrantID)的ToString())%GT;'
SRC =/图像/ StarGrey.png/>
&所述; / A>&下; / ASP:占位符>
< / ItemTemplate中>
< / ASP:的TemplateField>
但我得到以下错误:
未捕获类型错误:无法调用空的方法秀
我找到答案在这里:
<一个href=\"http://www.jonathanjungman.com/blog/post/Hiding-ASPNET-Ajax-Modal-Popup-Dialog-Using-JavaScript.aspx\" rel=\"nofollow\">http://www.jonathanjungman.com/blog/post/Hiding-ASPNET-Ajax-Modal-Popup-Dialog-Using-JavaScript.aspx
希望这将有助于有人在一段时间
I have an asp.net page with ajax updatepanel and a grid. inside the same updatepanel, I have a modalpopupextender. I want to show modalpopupextender on click of the row button of grid.
I have written this js:
function AddRemoveFavorites(regId) {
Showpopup();
return false;
}
function Hidepopup() {
$find('ModalPopupExtender1').hide();
}
//Function to Show ModalPopUp
function Showpopup() {
$find('ModalPopupExtender1').show();
}
and here is markup for update panel, modalpopup and gridview button column.
<asp:UpdatePanel ID="ResultUpdatePanel" runat="server" UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="SearchLinkButton" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="SubmitButton" EventName="Click" />
</Triggers>
<ContentTemplate>
<asp:Button ID="Button1" runat="server" Text="Button" />
<ajax:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="btnCancel"
OkControlID="btnOkay" TargetControlID="Button1" PopupControlID="Panel1" PopupDragHandleControlID="PopupHeader"
Drag="true" BackgroundCssClass="ModalPopupBG">
</ajax:ModalPopupExtender>
<asp:Panel ID="Panel1" Style="display: none" runat="server">
<div class="HellowWorldPopup">
<div class="PopupHeader" id="PopupHeader">
Header</div>
<div class="PopupBody">
<p>
This is a simple modal dialog</p>
</div>
<div class="Controls">
<input id="btnOkay" type="button" value="Done" />
<input id="btnCancel" type="button" value="Cancel" />
</div>
</div>
</asp:Panel>
and grid column
<asp:TemplateField HeaderStyle-CssClass="gridTitleCor2" ItemStyle-CssClass="GridBorderR"
ItemStyle-Wrap="false">
<ItemTemplate>
<asp:PlaceHolder ID="SavedPH" runat="server" Visible='<%# Eval("IsSaved").ToString() == "1" %>'>
<a href='#' onclick='AddRemoveFavorites(<%# Eval("RegistrantID").ToString() %>); return false;'
title="<%= Resources.UserProfile.C_SerRes_RemoveFavorites %>">
<img id='<%# String.Format("StatusImage_{0}", Eval("RegistrantID").ToString()) %>'
src="/Images/StarYellow.png" />
</a></asp:PlaceHolder>
<asp:PlaceHolder ID="NotSavedPH" runat="server" Visible='<%# Eval("IsSaved").ToString() == "0" %>'>
<a href='#' onclick='AddRemoveFavorites(<%# Eval("RegistrantID").ToString() %>); return false;'
title="<%= Resources.UserProfile.C_SerRes_AddFavorites %>">
<img id='<%# String.Format("StatusImage_{0}", Eval("RegistrantID").ToString()) %>'
src="/Images/StarGrey.png" />
</a></asp:PlaceHolder>
</ItemTemplate>
</asp:TemplateField>
but I am getting following error:
Uncaught TypeError: Cannot call method 'show' of null
I found answer here:
http://www.jonathanjungman.com/blog/post/Hiding-ASPNET-Ajax-Modal-Popup-Dialog-Using-JavaScript.aspx
Hope it will help someone at some time
这篇关于里面的UpdatePanel显示/隐藏modalpopupextender的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!