里面的UpdatePanel显示/隐藏modalpopupextender [英] show/hide modalpopupextender inside updatepanel
本文介绍了里面的UpdatePanel显示/隐藏modalpopupextender的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个AJAX的UpdatePanel和网格的asp.net页面。同样的UpdatePanel内，我有一个modalpopupextender。我想显示对电网的排按钮的点击modalpopupextender。
我写了这个JS：
函数AddRemoveFavorites（REGID）{ Showpopup（）;
返回false;
} 功能Hidepopup（）{
找到$（'ModalPopupExtender1'）隐藏（）。
}
//函数来显示ModalPopUp
功能Showpopup（）{
找到$（'ModalPopupExtender1'）显示（）。
}
和这里是为标记更新面板，modalpopup和GridView按钮列。
＆LT; ASP：的UpdatePanel ID =ResultUpdatePanel=服务器的UpdateMode =条件＆GT;
＆LT;＆触发器GT;
＆LT; ASP：AsyncPostBackTrigger控件ID =SearchLinkButton事件名称=点击/＆GT;
＆LT; ASP：AsyncPostBackTrigger控件ID =提交按钮事件名称=点击/＆GT;
＆LT; /触发器＆GT;
＆LT;＆的ContentTemplate GT;
＆LT; ASP：按钮的ID =Button1的=服务器文本=按钮/＆GT;
＆LT; AJAX：ModalPopupExtender ID =ModalPopupExtender1=服务器CancelControlID =btnCancel
OkControlID =btnOkay的TargetControlID =Button1的PopupControlID =Panel1的PopupDragHandleControlID =PopupHeader
拖动=真BackgroundCssClass =ModalPopupBG＆GT;
＆LT; / AJAX：ModalPopupExtender＆GT;
＆LT; ASP：面板ID =Panel1的风格=显示：无=服务器＆GT;
＆LT; DIV CLASS =HellowWorldPopup＆GT;
＆LT; DIV CLASS =PopupHeaderID =PopupHeader＆GT;
头＆LT; / DIV＆GT;
＆LT; DIV CLASS =PopupBody＆GT;
＆所述p为H.;
这是一个简单的模式对话框＆LT; / P＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =控件＆GT;
＆LT;输入ID =btnOkay类型=按钮值=完成/＆GT;
＆LT;输入ID =btnCancel类型=按钮值=取消/＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / ASP：面板＆gt;
和网格列
＆LT; ASP：的TemplateField HeaderStyle-的CssClass =gridTitleCor2ItemStyle-的CssClass =GridBorderR
ItemStyle换行=false的＆GT;
＆LT;＆ItemTemplate中GT;
＆LT; ASP：占位符ID =SavedPH=服务器可见='＆LT;％＃的eval（IsSaved）的ToString（）==1％方式＆gt;＆GT;
＆LT; A HREF =＃的onclick ='AddRemoveFavorites（LT;％＃的eval（RegistrantID）的ToString（）％GT;）;返回false;
标题=＆LT;％= Resources.UserProfile.C_SerRes_RemoveFavorites％GT;＆GT;
＆LT; IMG ID ='＆LT;％＃的String.Format（StatusImage_ {0}的eval（RegistrantID）的ToString（））％GT;'
SRC =/图像/ StarYellow.png/＆GT;
＆所述; / A＆GT;＆下; / ASP：占位符＆GT;
＆LT; ASP：占位符ID =NotSavedPH=服务器可见='＆LT;％＃的eval（IsSaved）的ToString（）==0％GT;'＆GT;
＆LT; A HREF =＃的onclick ='AddRemoveFavorites（LT;％＃的eval（RegistrantID）的ToString（）％GT;）;返回false;
标题=＆LT;％= Resources.UserProfile.C_SerRes_AddFavorites％GT;＆GT;
＆LT; IMG ID ='＆LT;％＃的String.Format（StatusImage_ {0}的eval（RegistrantID）的ToString（））％GT;'
SRC =/图像/ StarGrey.png/＆GT;
＆所述; / A＆GT;＆下; / ASP：占位符＆GT;
＆LT; / ItemTemplate中＆GT;
＆LT; / ASP：的TemplateField＆GT;
但我得到以下错误：
未捕获类型错误：无法调用空的方法秀
解决方案
我找到答案在这里：
<一个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屋！
查看全文
