Member 8057273 Ответов: 2

Панель обновления не работает асинхронно


Привет.
У меня есть главная страница, где я разместил менеджер сценариев, как в разделе:
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

На странице содержимого у меня есть панель обновления с Даталистом и кнопкой следующим образом:
    <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="abc.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?

What I have tried:

I have tried to place the button outside the update panel, still it didnt work

Karthik_Mahalingam

я проверил ваш код, он отлично работает.

Member 8057273

Да, так и должно быть, но когда я ставлю точку останова на событие page_load и нажимаю кнопку load more, точка останова действительно попадает, и значок load more вкладки page также показывает вращение

F-ES Sitecore

Проверьте консоль на наличие ошибок javascript.

2 Ответов

Рейтинг:
2

koklimabc

<Triggers>
        <asp:AsyncPostBackTrigger ControlID="Button2"/>
 </Trigger>
 <ContentTemplate>


Member 8057273

Уже пробовал, не получилось.

koklimabc

хорошо, можете ли вы объяснить более подробно, какой элемент управления вы хотите вызвать асинхронную обратную передачу (я думаю, вы могли бы объяснить, кроме кнопок)? я видел, что у него есть гиперссылка на "Райан Хейвуд", гиперссылка на изображение и другие href.

Рейтинг:
0

Suvendu Shekhar Giri

1. Прежде всего попробуйте измениться ClientIDMode="static" к ClientIDMode="AutoID".

<asp:button id="Button2" class="btn-block btn-primary" runat="server" text="Load More" onclick="Button2_Click" clientidmode="AutoID"></asp:button>


2. Если вышеприведенный шаг не помогает, попробуйте установить UpdateMode="Conditional" и ChildrenAsTriggers="true"
Что-то вроде следующего-
<asp:updatepanel id="UpdatePanel1" runat="server" childrenastriggers="true" updatemode="Conditional"></asp:updatepanel>


Надеюсь, это поможет :)


Member 8057273

Привет, я пытался, как ты и сказал, но это не помогло.