Solved

update panel not working - c#

Posted on 2009-05-04
1
1,249 Views
Last Modified: 2012-05-06
This used to work and now for some reason it doesn't.

I have an update panel that is controlled by an ajax modal popup extender. When the user hits the create button the panel just freezes. The create button is supposed to add an album to the database.

Here I will post the front end and the button click.

Thanks for the help.
<%@ Page Language="C#" viewStateEncryptionMode="Never" MasterPageFile="~/HomeMasterPage.master" enableEventValidation="false"  AutoEventWireup="true" CodeFile="MyPictures.aspx.cs" Inherits="MyPictures" Title="My Pictures" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolKit" %>
 

<asp:Content ID="HeadEntries" ContentPlaceHolderID="HeadEntries" runat="server">

    <link rel="stylesheet" type="text/css" href="~/style.css" />

    <script language="JavaScript" type="text/javascript">

		var vert = (screen.availWidth/2)-420;

	    var horz = (screen.availHeight/2)-500;
 

        function popUp(pageurl,name) {

            window.open(pageurl,name,"width=410,height=370,resizable=yes,scrollbars=no,screenX="+vert+",screenY="+horz+",z-lock=no");

        }

    </script>

</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <asp:MultiView ID="MultiView1" runat="server">

        <asp:View ID="UploadPictures" runat="server">

                <h1>

                    &nbsp; &nbsp; Upload Pictures</h1>

                <table style="width: 80%">

                    <tr>

                        <td align="center" colspan="2">

                        <asp:Panel ID="Panel1" runat="server" Height="20px" Width="100%" style="position: relative; z-index: 100; left: 0px; top: 8px;" BorderColor="Transparent">

                            <asp:Label ID="Label2" runat="server" Text="Upload Pictures" EnableTheming="True" Font-Bold="False" Height="22px" Width="132px" BackColor="LightSteelBlue" ForeColor="Snow"></asp:Label>

                            <asp:Button ID="btnViewPictures" runat="server" Height="22px" Style="z-index: 102; left: 4px; position: relative; top: 0px" Text="View Pictures" Width="132px" BackColor="Gainsboro" ForeColor="DarkGreen" OnClick="btnViewPictures_Click" Font-Size="Medium" />

                        </asp:Panel>

                        <br />

                        <br /></td>

                    </tr>

                    <asp:ScriptManager ID="ScriptManager1" runat="server">

                    </asp:ScriptManager>

                    <tr>

                        <td align="right" style="width: 355px">Upload Picture:</td> 

                        <td align="left"><asp:FileUpload ID="upldImage" runat="server"/></td>

                    </tr>

                    <tr>

                        <td align="right" style="width: 355px">Picture Name:</td> 

                        <td align="left"><asp:TextBox ID="txtImageName" runat="server"></asp:TextBox></td>

                    </tr>

                    <tr> 

                        <td align="right" style="width: 355px">Add to Album:</td>

                        <td align="left"><asp:DropDownList ID="ddlAlbum" runat="server"></asp:DropDownList>

                        <asp:Button ID="btnLaunchModal" runat="server" Text="Create New Album" OnClientClick="javascript:$find('uxModalPopupExtender').show();" /></td>

                    </tr>

                    <tr>

                        <td align="center" colspan="2"><asp:Button ID="btnUploadPicture" runat="server" Text="Upload" OnClick="btnUploadPicture_Click"/></td>

                    </tr>

                    </table>

                    <asp:UpdatePanel ID="uxUpdatePanel" runat="server">

                        <ContentTemplate>

                            Album Name: <asp:TextBox id="txtAlbumName" runat="server"></asp:TextBox>

                            <asp:Button ID="btnCreateAlbum" runat="server" Text="Create" OnClick="btnCreateAlbum_Click" OnClientClick="javascript:$find('uxModalPopupExtender').hide();"></asp:Button> <br />

                            <asp:Button ID="btnDone" runat="server" Text="Done" OnClientClick="javascript:$find('uxModalPopupExtender').hide();"></asp:Button> 

                        </ContentTemplate>

                    </asp:UpdatePanel>

                    <ajaxToolKit:ModalPopupExtender 

                        ID="uxModalPopupExtender" 

                        runat="server"

                        TargetControlID = "btnLaunchModal"

                        PopupControlID = "uxUpdatePanel"

                        OkControlID="btnDone">

                    </ajaxToolKit:ModalPopupExtender>

                <div style='color:red'>

                    <asp:Literal Runat="server" ID="lblMessage" />

                </div>
 
 
 
 

protected void btnCreateAlbum_Click(object sender, EventArgs e) {

            try {

                NAITBook.Controller.AddAlbum(userID, txtAlbumName.Text);

                lblMessage.Text = "Album added successfully.";

            }

            catch (Exception ex) {

                lblMessage.Text = "Cannot create album. " + ex.Message;

            }

    }

Open in new window

0
Comment
Question by:tqrecords
1 Comment
 
LVL 18

Accepted Solution

by:
David Robitaille earned 500 total points
ID: 24296041
Hi,
first, dont link direcltly the update panel to the modal pupup, link it to a "standard" panel instead. id you still need to do update on the things in the panel, then put a update panel into the "standard" panel.
i think you will find the following link interesting.
http://blogs.technet.com/kirtid/archive/2007/05/03/using-updatepanels-with-modalpopups.aspx
also, make sure you use the client id of the popup, i use something like this

dont hesitate if you need more help.

 <asp:Button runat="server" ID="hiddenTargetControlForModalDownloadPDFPanelPopup" style="display:none"/>

        <asp:Panel ID="DownloadPDFPanel" runat="server" CssClass="updateProgress"> 

               <div style="position: relative; top: 30%; text-align: center;">   

                   <asp:Button ID="Download" runat="server" Text="Download PDF" OnClientClick="HideDownloadPopup()" />

               </div>

        </asp:Panel>

        <cc1:ModalPopupExtender ID="DownloadPDFModalPopup" runat="server" 

            TargetControlID="hiddenTargetControlForModalDownloadPDFPanelPopup"  

            BackgroundCssClass="modalTextBoxBackground" 

            PopupControlID="DownloadPDFPanel"

            DropShadow="true" />
 

<script type="text/javascript"> 

var ModalGeneratingPDF ='<%= DownloadPDFModalPopup.ClientID %>'; 
 

function HideDownloadPopup() 

{ 

// hide the Popup 

$find(ModalGeneratingPDF).hide(); 

} 
 

</script> 

Open in new window

0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Calculating holidays and working days is a function that is often needed yet it is not one found within the Framework. This article presents one approach to building a working-day calculator for use in .NET.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
This Micro Tutorial demonstrates using Microsoft Excel pivot tables, how to reverse engineer competitors' marketing strategies through backlinks.
In this video I am going to show you how to back up and restore Office 365 mailboxes using CodeTwo Backup for Office 365. Learn more about the tool used in this video here: http://www.codetwo.com/backup-for-office-365/ (http://www.codetwo.com/ba…

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now