On my 'master page' i have 2 update panels which are surrounded by with Panels. In 2 of them I'm containing 'Details View' controls and some buttons.
On the other hand i have One 'update panel' which contains image buttons and link buttons.
The idea is that I'm fetching from the database the amount of messages ( 2 kinds), showing them on the Page and when user clicks on it ( or imagebutton) user sees ' Popup control' and there he can sees messages's details and if needed - cancel them or aprove.
And here i m stuck. If i'll remove update panels from image buttons i wont be able to refresh them without full postback.
With 'update panel' i should have' popup extensions' in 'update panel' with image buttons, but then when i click on the button from 'popup panel' -it dissapear ( there is no full postback, it just dissapear) - it should just change the detailsview page.
How to make it work?
Thanks in advance !
(I need this solution because i want use timer to refresh Linkbuttons )
here is my code behind :
protected void Page_Load(object sender, EventArgs e)
{
try
{
//here im pulling data from database and binding it with 'details view' controls, its not big deal so i think i don't have to show it?
wyswietl_powiadomienia_o_wydarzeniach();
wyswietl_ilosc_zaproszen_do_przyjaciol();
wyswietl_ilosc_nieodczytanych_wiadomosci();
}
catch (Exception)
{
}
}
protected void ButtonWczesniej_Click(object sender, EventArgs e)
{
DetailsViewEventsRequests.PageIndex = DetailsViewEventsRequests.PageIndex - 1;
ButtonDalej.Enabled = true;
wyswietl_powiadomienia_o_wydarzeniach();
}
protected void ButtonDalej_Click(object sender, EventArgs e)
{
//
DetailsViewEventsRequests.PageIndex = DetailsViewEventsRequests.PageIndex + 1;
ButtonWczesniej.Enabled = true;
wyswietl_powiadomienia_o_wydarzeniach();
}
protected void ButtonInvLeft_Click(object sender, EventArgs e)
{
DetailsViewIfFriends.PageIndex = DetailsViewIfFriends.PageIndex - 1;
}
protected void ButtonInvRight_Click(object sender, EventArgs e)
{
DetailsViewIfFriends.PageIndex = DetailsViewIfFriends.PageIndex + 1;
}
Thank you for your answer Song-Tian. As i should do at the begining i made this example on empty page and try something else.. mode="Conditional" did the trick.
I should give that code before, not that long one :)
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:HyperLink ID="HyperLinkPanelOn" runat="server">click here to show popup</asp:HyperLink>
<asp:ModalPopupExtender ID="PanelZaproszeniaEventy_ModalPopupExtenderCyfra"
runat="server" Enabled="true" OkControlID="ButtonZamknij" CancelControlID="ButtonZamknij"
TargetControlID="HyperLinkPanelOn" PopupControlID="Panel1" BackgroundCssClass="NotifyPageTloClass" />
</ContentTemplate>
</asp:UpdatePanel>
Mr_Nice
Member
2 Points
2 Posts
Two updatePanels and popup extender which should not disappear
Feb 21, 2012 07:28 PM|LINK
Hello !
On my 'master page' i have 2 update panels which are surrounded by with Panels. In 2 of them I'm containing 'Details View' controls and some buttons.
On the other hand i have One 'update panel' which contains image buttons and link buttons.
The idea is that I'm fetching from the database the amount of messages ( 2 kinds), showing them on the Page and when user clicks on it ( or imagebutton) user sees ' Popup control' and there he can sees messages's details and if needed - cancel them or aprove.
And here i m stuck. If i'll remove update panels from image buttons i wont be able to refresh them without full postback.
With 'update panel' i should have' popup extensions' in 'update panel' with image buttons, but then when i click on the button from 'popup panel' -it dissapear ( there is no full postback, it just dissapear) - it should just change the detailsview page.
How to make it work?
Thanks in advance !
(I need this solution because i want use timer to refresh Linkbuttons )
here is my code behind :
protected void Page_Load(object sender, EventArgs e) { try { //here im pulling data from database and binding it with 'details view' controls, its not big deal so i think i don't have to show it? wyswietl_powiadomienia_o_wydarzeniach(); wyswietl_ilosc_zaproszen_do_przyjaciol(); wyswietl_ilosc_nieodczytanych_wiadomosci(); } catch (Exception) { } } protected void ButtonWczesniej_Click(object sender, EventArgs e) { DetailsViewEventsRequests.PageIndex = DetailsViewEventsRequests.PageIndex - 1; ButtonDalej.Enabled = true; wyswietl_powiadomienia_o_wydarzeniach(); } protected void ButtonDalej_Click(object sender, EventArgs e) { // DetailsViewEventsRequests.PageIndex = DetailsViewEventsRequests.PageIndex + 1; ButtonWczesniej.Enabled = true; wyswietl_powiadomienia_o_wydarzeniach(); } protected void ButtonInvLeft_Click(object sender, EventArgs e) { DetailsViewIfFriends.PageIndex = DetailsViewIfFriends.PageIndex - 1; } protected void ButtonInvRight_Click(object sender, EventArgs e) { DetailsViewIfFriends.PageIndex = DetailsViewIfFriends.PageIndex + 1; }And my aspx:
<div id="NotifyAreaWhite"> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <div id="NotifyAreaDiv"> <div id="NotifyDivMail"> <div id="NotifyLeftMSG"><asp:ImageButton ID="ImageButtonNotifyMsg" runat="server" ImageUrl="~/images/msg.png" PostBackUrl="~/wiadomosci.aspx" ToolTip="Wyslij wiadomość" /></div> <div class="NotifyRight"> <asp:LinkButton ID="LabelNotifyMsgNo" runat="server" Text="0" Font-Size="Large" PostBackUrl="~/wiadomosci.aspx"/></div> </div> <div class="NotifyDiv"> <div id="NotifyLeftFrend" class="NotifyLeft"> <asp:ImageButton ID="ImageButtonNotifyFrends" runat="server" ImageUrl="~/images/friends.png" ToolTip="Zaproszenia od znajomych." /></div> <div id="NotifyRightFrend" class="NotifyRight"><asp:LinkButton ID="LabelNotifyFrendsNo" runat="server" Text="0" Font-Size="Large"/></div> </div> <div class="NotifyDiv"> <div id="NotifyLeftWyd" class="NotifyLeft"> <asp:ImageButton ID="ImageButtonWydarzenia" runat="server" ImageUrl="~/images/event.png" ToolTip="Zaproszenia do wydarzeń." /></div> <div id="NotifyRightWyd" class="NotifyRight"> <asp:LinkButton ID="LabelNotifyEventsNo" runat="server" Text="0" Font-Size="Large"/></div> </div> </div> <asp:ModalPopupExtender ID="PanelZaproszeniaEventy_ModalPopupExtender" runat="server" Enabled="true" OkControlID="ButtonZamknijOkno" CancelControlID="ButtonZamknijOkno" TargetControlID="ImageButtonWydarzenia" PopupControlID="PanelZaproszeniaEventy" BackgroundCssClass="NotifyPageTloClass"/> //extender showing Panel <asp:ModalPopupExtender ID="PanelZaproszeniaEventy_ModalPopupExtenderCyfra" runat="server" Enabled="true" OkControlID="ButtonZamknijOkno" CancelControlID="ButtonZamknijOkno" TargetControlID="LabelNotifyEventsNo" PopupControlID="PanelZaproszeniaEventy" BackgroundCssClass="NotifyPageTloClass"/> <asp:ModalPopupExtender ID="PanelProsbyOznajomosc_ModalPopupExtender" runat="server" Enabled="true" OkControlID="ButtonFrendCloseNotifier" CancelControlID="ButtonFrendCloseNotifier" TargetControlID="ImageButtonNotifyFrends" PopupControlID="PanelProsbyOznajomosc" BackgroundCssClass="NotifyPageTloClass"/> <asp:ModalPopupExtender ID="PanelProsbyOznajomosc_ModalPopupExtenderCyfra" runat="server" Enabled="true" OkControlID="ButtonFrendCloseNotifier" CancelControlID="ButtonFrendCloseNotifier" TargetControlID="LabelNotifyFrendsNo" PopupControlID="PanelProsbyOznajomosc" BackgroundCssClass="NotifyPageTloClass"/> </ContentTemplate> </asp:UpdatePanel> </div> <asp:Panel ID="PanelZaproszeniaEventy" runat="server" Width="318px" CssClass="NotifyWydTlo" > <asp:UpdatePanel ID="UpdatePanelZaproszeniaEventy" runat="server" RenderMode="Block"> <ContentTemplate> <asp:DetailsView ID="DetailsViewEventsRequests" runat="server" DataKeyNames="Charakterystyka" AutoGenerateRows="False" Height="17px" Width="313px" HorizontalAlign="Center" onitemcreated="DetailsViewEventsRequests_ItemCreated"> <Fields> <asp:BoundField DataField="UserName" HeaderText="Założyciel" SortExpression="Nazwisko" /> <asp:BoundField DataField="Miasto" HeaderText="Gdzie?" SortExpression="Miasto" /> <asp:BoundField DataField="Data_ZalozeniaWydarzenia" HeaderText="Data wysłania" SortExpression="Miasto" /> </Fields> <FooterTemplate> </FooterTemplate> <HeaderTemplate> <div> <div style="float:left;"> <asp:Label ID="LabelNazwaWydarzenia" runat="server" Text='<%# Eval("Nazwa_Wydarzenia") %>'></asp:Label> </div> <div style="float:right; margin-left:5px;"> <asp:Button ID="ButtonZobacz" runat="server" CssClass="myButton" Text="Zobacz Wydarzenie" Font-Size="X-Small" Width="150px" ClientIDMode="AutoID" OnClick="ButtonZobacz_click" UseSubmitBehavior="True"/> </div> </div> </HeaderTemplate> <EmptyDataTemplate> <table id="Table1" runat="server" style="border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px; color:#FF5041; margin-left:auto; margin-right:auto;"> <tr> <td> Nie masz żadnych zaproszeń.</td> </tr> </table> </EmptyDataTemplate> </asp:DetailsView> <table style="margin-left:auto; margin-right:auto;"> <tr> <td> <asp:Button ID="ButtonWczesniej" Width="69px" Height="41px" runat="server" Text="<<" OnClick="ButtonWczesniej_Click" CssClass="myButton" /></td> //button previous msg <td> <asp:Button ID="ButtonDalej" Width="69px" Height="41px" runat="server" Text=">>" ///button next msg OnClick="ButtonDalej_Click" CssClass="myButton"/></td> </tr> </table> </ContentTemplate> </asp:UpdatePanel> <div style="margin-left:auto; margin-right:auto; width: 112px;"> <asp:Button CssClass="myButton" ID="ButtonZamknijOkno" Width="100%" //button closing popup Height="41px" runat="server" Text="ZAMKNIJ"/></div> </asp:Panel>Song-Tian - ...
All-Star
43699 Points
4304 Posts
Microsoft
Re: Two updatePanels and popup extender which should not disappear
Feb 24, 2012 06:48 AM|LINK
Hi,
Could you create a sample project of that? And send to me. So I may reproduct that on my side.
My email: support-sotian@live.com
For details of updatepanel, please refer to: http://msdn.microsoft.com/en-us/library/bb386454.aspx.
Feedback to us
Develop and promote your apps in Windows Store
Mr_Nice
Member
2 Points
2 Posts
Re: Two updatePanels and popup extender which should not disappear
Feb 24, 2012 06:34 PM|LINK
Thank you for your answer Song-Tian. As i should do at the begining i made this example on empty page and try something else.. mode="Conditional" did the trick.
I should give that code before, not that long one :)
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:HyperLink ID="HyperLinkPanelOn" runat="server">click here to show popup</asp:HyperLink> <asp:ModalPopupExtender ID="PanelZaproszeniaEventy_ModalPopupExtenderCyfra" runat="server" Enabled="true" OkControlID="ButtonZamknij" CancelControlID="ButtonZamknij" TargetControlID="HyperLinkPanelOn" PopupControlID="Panel1" BackgroundCssClass="NotifyPageTloClass" /> </ContentTemplate> </asp:UpdatePanel><asp:Panel ID="Panel1" runat="server"> <asp:UpdatePanel ID="UpdatePanelPopUp" runat="server"> <ContentTemplate> <asp:Button runat="server" Text="Button" /> <asp:Button runat="server" Text="Button" /> </ContentTemplate> </asp:UpdatePanel> <asp:Button ID="ButtonZamknij" runat="server" Text="Zamknij" /> </asp:Panel>