ITSagar ITSagar - 1 month ago 9
C# Question

Update Panel not working asynchronously

I have a Master page where I have placed a Script Manager as under:

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


In content page, I have an Update Panel with the Datalist and a Button as follows:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:DataList ID="DataList1" runat="server" onitemdatabound="DataList1_ItemDataBound" RepeatLayout="Flow">
<ItemTemplate>
<div class="post-heading">
<div class="pull-left image">
<img src="http://bootdey.com/img/Content/user_1.jpg" class="img-circle avatar" alt="user profile image">
</div>
<div class="pull-left meta">
<div class="title h5">
<a href="#"><b>Ryan Haywood</b></a>
made a post.
</div>
<h6 class="text-muted time">1 minute ago</h6>
</div>
</div>
<div class="post-description">
<asp:Image ID="Image2" class="img img-responsive" ImageUrl='<%#Eval ("pimg") %>' runat="server" />
<p><asp:Label ID="postlabel" class="postlabel" runat="server" Text='<%#Eval ("ptext") %>'></asp:Label></p>
<div class="stats">
<a href="#" class="btn btn-default stat-item">
<i class="fa fa-thumbs-up icon"></i>2
</a>
<a href="#" class="btn btn-default stat-item">
<i class="fa fa-share icon"></i>12
</a>
</div>
</div>
<div class="post-footer">
<div class="input-group">
<input class="form-control" placeholder="Add a comment" type="text">
<span class="input-group-addon">
<a href="#"><i class="fa fa-edit"></i></a>
</span>
</div>
</div>
</ItemTemplate>
</asp:DataList>
<asp:Button ID="Button2" class="btn-block btn-primary" runat="server" Text="Load More" onclick="Button2_Click" ClientIDMode="Static" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click" />
</Triggers>
</asp:UpdatePanel>


The problem is that when I click on this Load More button, data is fetched fine but full page postback is happening instead of partial postback.
Why and how it can be resolved?

Answer

your questions are always out of the box. I mean, I always see your questions with some unique issues that are hard to rectify. Why is that so??? :P bye the way, you code looks absolutely fine. I ran into a similar issue days back and figured out that for some extra designing, I was referring to an online Javascript library. As soon as I removed the link, things started working. I really needed those resources and tried to replace it with the css link, and it worked fine. Give it a try, may be you are running with the same issue.

Comments