.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

update another updatepanel when current updatepanel is updated

Posted By:      Posted Date: October 15, 2010    Points: 0   Category :ASP.Net

I have a button "ibtnDelete" in updatepanel 1 "upnlCompareLocations" and when its clicked I want to update updatepanel 1 AND updatepanel 2 "upnlOverview":

    <asp:UpdatePanel ID="upnlCompareLocations" runat="server">
        <asp:ListView ID="repLocationsToCompare" ItemPlaceholderID="itemsGoHere" runat="server">
                    <asp:ImageButton Text="Delete" ID="ibtnDelete" ImageUrl="~/images/delete.gif" CommandName="deletecompare" CommandArgument='<%# string.Format("{0}",DataBinder.Eval(Container.DataItem, "id"))%>' runat="server" />

View Complete Post

More Related Resource Links

Run a javascript function after UpdatePanel.Update()


I thought that adding the javascript within the ContentTemplate would cause it to run every time the UpdatePanel was updated.  For example, I would assume that for the following:

<atlas:UpdatePanel ID="UpdatePanel1" runat="server" Mode="Conditional" >
        Hello from inside the update panel!!!!
        <asp:Button ID="foo" runat="server" OnClick="foo_Click" Text="Click me to postback!" />
        <script type="text/javascript">alert('Javascript, baby!');</script>

 would cause the function alert() to run every time the UpdatePanel returns from the button click.  This is not the case, however.

How do I do this?  My update panel contains a scrolling Div and I

Update updatepanel

Hi,I have user control in my page and i want to update updatepanel on this user control when click on linkbutton on my page.*notice: linkbutton is not inside of user control.

perform UpdatePanel.Update from different page

I have Page_A.aspx and Page_B.aspx Page_A.aspx has a text box and a Send button. Page_B.aspx has a Label control on it, inside an UpdatePanel I want that when I type something in Page_A.aspx and click Send, the text of Label on Page_B.aspx should be  updated with the text box text and the UpdatePanel should be updated. Is this possible? Page_A.aspx:<asp:TextBox runat="server" ID="ssMessage"></asp:TextBox> <asp:Button runat="server" ID="ssSendButton" Text="Send" OnClick="SendMessage" />   Page_B.aspx:<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:Label runat="server" ID="ssCommonRoom"></asp:Label> </ContentTemplate> </asp:UpdatePanel>  

Exclude Usercontrol from being updated by UpdatePanel



In my web page, i have user control inside update panel, user control refreshed every time update by update panel.

I don't need to refresh the user control, can any one help to solve my problem.

Thanks & Regards,

Sankar B

Height Doesn't Resize After Update with UpdatePanel in IE



On a page I made, I have a pretty standard update panel. In the update panel are radio buttons that trigger the update panel to change it's view (list or grid) based on which radio is selected. This works great in every browser except IE8. IE8 doesn't seem to want to update the height of the panel when it's refreshed causing the content are to stay rather large or to not be large enough.

You can see it here:


<asp:UpdatePanel ID="uplVideos" ChildrenAsTriggers="true" UpdateMode="Conditional" runat="server">
                    <div id="plVideosControls">
                	    <span style="font-weight: bold; line-height: 26px;">Display Mode:  </span>
                        <asp:RadioButtonList ID="rblVideosDisplay" CssClass="rblVideosDisplay" 

                            <asp:ListItem Text="Table" Value="table" />

update datalist in updatepanel after asyncfileupload has uploaded a new file


I want to update an updatepanel after the user has uploaded a photo via the asynfileupload control.

Below is my current code. I also tried setting updatemode="conditional" to "false" and then in code-behind call upnlPhotos.update, but without luck...

Upload photo: <cc1:AsyncFileUpload ID="afuPhoto" runat="server" /><br />

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

    <asp:DataList ID="dlPhotos" DataSourceID="dsPhotos" DataKeyField="id" RepeatColumns="5" RepeatDirection="Horizontal" GridLines="None" runat="server" >
        <img alt="" src='/images/trouwlocatiefotos/thumbs/<%# Eval("locpath")%>' /><br />            

    <asp:SqlDataSource ID="dsPhotos" SelectCommand="SELECT id,locationid,locpath from location_photos lp where locationid=@locationid" ConnectionString="<%$ConnectionStr

Nested updatepanel updating all the update panel



I have one update panel which is having tPlaceholder which is loading dynalically.

<asp:UpdatePanel ID="UpdatePanel_ForumContent" runat="server" UpdateMode="Conditional">
            <asp:PlaceHolder ID="ForumTopicPlaceHolder" runat="server" Visible="true"></asp:PlaceHolder>

in the CS file on page load, adding Placeholder dynalically

 Control ForumTopicTabControl = LoadControl("Topic.ascx");
                Assembly objAssembly = BuildManager.GetCompiledAssembly("~/Topic.ascx");
                Type objType = objAssembly.GetType("Blogs_ForumTopic");
                PropertyInfo objProperty = objType.GetProperty("TableName");
                objProperty.SetValue(ForumTopicTabControl, dr["TopicTableName"].ToString(), null);
                objProperty = objType.GetProperty("HeaderName");
                objProperty.SetValue(ForumTopicTabControl, dr["Name"].ToString(), null);
                objProperty = objType.GetProperty("HeaderDesc");
                objProperty.SetValue(ForumTopicTabControl, dr["Description

Execute jquery function after updatepanel.update


I want to execute following function after I have called updatepanel.update:

Public Sub StartScroller()
        Me.Page.ClientScript.RegisterClientScriptBlock(Me.[GetType](), "startscroll", "$(document).ready(function () {$('.scrollable').scrollable();});", True)
    End Sub

It doesnt work. I also tried RegisterStartupScript. I would expect the scrollable() method to be executed. But it doesnt.

    <asp:UpdatePanel ID="upnlCompareLocations" runat="server">
<a class="prev browse left"></a>
<div class="scrollable">   
   <!-- root element for the items -->
   <div class="items">

        <asp:ListView ID="repLocationsToCompare" ItemPlaceholderID="itemsGoHere" DataSourceID="XMLDSCompare" GroupItemCount="4" runat="server">
                <asp:PlaceHolder runat="server" ID="itemsGoHere"></asp:PlaceHolder>
                    <%# XPath("title&

Slow updatepanel.update() in IE6/7, fast in firefox?! tried fix.


I have an update panel with about 5 slider extenders, 10 textboxes, and 3 dropdown bullet list.  When a slider is moved, a partial postback occurs, that which the server also updates another textbox with a value by first setting the textbox (.text = somevalue) and then calling the updatepanel.update().

I find out that this command updatepanel.update() significantly causes IE6 and IE7 browser to lag about 1-1.5 seconds longer when updating the values in the textbox.  It is sort of unacceptable.

I have applied this fix already: http://support.microsoft.com/kb/2000262

but it is not helping.

However, I must say, this problem is not occuring in FireFox 3.6.  In fact, it has no lag whether or not the fix is used.  The problem only occurs in IE6 and IE7.

Any idea why an updatepanel is slow to refresh?


Update parent updatepanel from within usercontrol?

I have an updatepanel (updatemode="conditional"), within this updatepanel I have a modalpopup and in the modal popup I have a usercontrol that contains another updatepanel (updatemode="conditional").

What I wanna do now is...
In the inner updatepanel I have a form, when posted, this form will check if the fields are valid and if not send a error message.
If they are valid and all is fine then update the outer updatepanel.

Now it works fine to update the inner updatepanel on error. But how do I update the outer panel?

Dynamic images appear blank (white) after UpdatePanel update


I have a GridView within an UpdatePanel.  The UpdatePanel refreshes on a Timer.

On that GridView is a column of preview images that are dynamically created by resizing the original images.

I lazy load the images after the page has loaded using the Javascript below:

    var urls = '';

    function saveImageUrl(imgID, url) {
        urls = urls + imgID + '|' + url + ';';

    function postLoadImages() {
        if (urls != '') {
            var images = urls.split(';');
            for (var i = 0; i < images.length - 1; i++) {
                var subparts = images[i].split('|');
                $get(subparts[0]).src = 'Code/ImageHandler.ashx?s=tip&url=' + subparts[1];
            urls = '';

I call the saveImageUrl() function in the RowDataBound event of the GridView:

     var script = string.Format("saveImageUrl('{0}', '{1}');", previewImage.ClientID, imageUrlHiddenField.Value);
     ScriptManager.RegisterStartupScript(Page, Page.GetType(), Guid.NewGuid().ToString(), script, true);

On the initial page load, the HttpHandler is hit and the images load as expected.

However, when the GridView is ref

UpdatePanel on update fires _PageLoad twice


 I have two updatepanel in a page which use a master page. the two updatepanels update mode is conditional

          1st updatepanel update mode = conditional and childreenAstrriger = false

          2nd updatepanel update mode = conditional

When i click any element in the fist updatepanel it update the second update panel with .Update() method.

When i click second update panel only second one will update (its ok).

All Works fine when i run from server as i excepted.

          But when i run from visual studio(8) the first update panel works normally, but when i clicked any element in the second update panel, I put a break point in _PageLoad(), i notified that _PageLoad() events fire twice. First time it is as NotIsPostBack and in the second time as IsPostBack (what i excepted is  single _PageLoad() events fires and is IsPostBack but this was not what when i run from VS(8) but from server all things ok)  (i have a grid in second update panel and it have preRender event also with RowCommand , updating...etc.)

Call a Javascript after an updatepanel has finished update



I want a Javascript function to be called automatically after the UpdatePanel has finished updating its contents. I don't want to use:


and then call a JS function. This is because I have more than one update panels and I'll have to write all the condions to check which UpdatePanel was actually called and then do something. Can something be done using Triggers in UpdatePanel. Kindly let me know how this can be done.

It would be great of you could post a sample code too.

Thanks in advance.

UpdatePanel is not a known element - message when upgrading to 1.0 ajax


It worked on one of my old pages.  I change the web.config, renamed all the <asp.

On some aspx page it doesn't recognize the updatepanel.  It only does on one page.  If I create a new aspx page with a different name - then it works.

Should I just create a new web project ajax - then copy all my code into there?  Or is there a way to get those old pages to recognize the new ajax controls?

Gridview inside updatepanel


I am displaying large amount of data in gridview,the gridview placed within updatepanel,every 1sec i am refreshing updatepanel using ajax timer.my problem is while displaying large data the cpu performance is low,pls give idea to increase cpu performance..

Wicked Code: UpdatePanel Tips and Tricks


Jeff Prosise explains when it's better to use UpdatePanel and when it's better to use asynchronous calls to WebMethods or page methods instead.

Jeff Prosise

MSDN Magazine June 2007

How do you insert a google map into an ajax updatepanel?


I have built a site that I am using google maps on.  The default page has a google map with info windows containing links and all works great... until a user clicks on the link in the info window.  Doing so takes them to a community page that I have built.  On this community page, I have an ajax update panel that has 2 panels nested inside of it with the visibility set for one to be on and the other off.  The default panel shows community photos, and the second panel I want to show the google map and common directions to the community.  In testing, my buttons to switch the visibility of the panels works great as it should without postback, but when I try to add the map to its panel, it does not show up.  I am new to ajax as well as google maps and I'm not sure why the same code would work fine on my default page but not the community page.  The only obvious thing I can assume is because the community page map is in an update panel.  

How do you insert a google map into and ajax updatepanel and have it work correctly?  Many thanks in advance. 

ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend