如何使用ajax更新div部分 [英] How can update the div part using ajax

问题描述

 <   asp：ScriptManager     ID   =  ScriptManager1     runat   =  server >  <   / asp：ScriptManager  >  
 <   asp：UpdatePanel     ID   =  UpdatePanel1    runat   =  server >  
 <   ContentTemplate  >  
 <   div     id   =  members-list-options    class   =  item-options >  
 <   a     id   = 新闻 <温泉n class =code-attribute>   class   =       runat   = 服务器 >  
 <   asp：按钮    ID   =  btnNewUser    runat   = 服务器   文字  =   Yeniler    CssClass   =  a     BackColor   = < span class =code-keyword>透明    BorderStyle   = 无    OnClick   =  btnNewUser_Click    /  >  <   / a  >  
 <   a     id   =  Actives < span class =code-attribute>   class   =  selected      runat   = 服务器 >  
 <   asp：按钮    ID   =  btnActiveUser < span class =code-attribute>   runat   =  server   文字  =  Aktifler    CssClass   =  a    BackColor   = 透明    BorderStyle   = 无    OnClick   =  btnActiveUser_Click    /  >  <   / a  >  
 <   a     id   = 热门    class   =       runat   =  server >  
 <   asp：按钮    ID   =  btnPopularUser    ru nat   =  server   文字  =  Populer    CssClass   =  a    BackColor   =  透明    BorderStyle  < span class =code-keyword> = 无    OnClick   =  btnPopularUser_Click    /  >  < span class =code-keyword><   / a  >  
 <   / div  >  
 <   / ContentTemplate  >  
 <   / asp：UpdatePanel  > ;  

  protected   void  btnNewUser_Click（ object  sender，EventArgs e）
 {
 News.Attributes .Add（  class， 已选中）; 
 Actives.Attributes.Add（  class， ）; 
 Popular.Attributes.Add（  class， ）; 
  var  K =（ from  k  in  ent.uyeler 
 其中 k.Aktif ==  true  
 < span class =code-sdkkeyword> orderby  k.UyeTarihi 降序 
 选择 k）。ToList（）; 
 dlUser.DataSource = K; 
 dlUser.DataBind（）; 
} 
 
 受保护  void  btnActiveUser_Click（ object  sender，EventArgs e）
 {
 News.Attributes.Add（  class， ）; 
 Actives.Attributes.Add（  class， 选中）; 
 Popular.Attributes.Add（  class， ）; 
  var  K =（ from  k  in  ent.uyeler 
 其中 k.Aktif ==  true  
 < span class =code-sdkkeyword> select  k）.ToList（）; 
 dlUser.DataSource = K; 
 dlUser.DataBind（）; 
} 
 
  protected   void  btnPopularUser_Click（ object  sender，EventArgs e）
 {
 News.Attributes.Add（  class， ）; 
 Actives.Attributes.Add（  class， ）; 
 Popular.Attributes.Add（  class， 选中）; 
  var  K =（ from  k  in  ent.uyeler 
 其中 k.Aktif ==  true  
 < span class =code-sdkkeyword> orderby  k.TarifCount 降序 
 选择 k）。ToList（）; 
 dlUser.DataSource = K; 
 dlUser.DataBind（）; 
 
} 
 

你好



当我点击按钮时，数据主义者（dlUser）没有刷新

我该如何解决这个问题？



我是什么尝试过：



搜索google

添加和删除触发器

解决方案

当其中的按钮触发回发时，只刷新UpdatePanel内的项目，因此您的dlUser控件不会更新，因为它不在UpdatePanel中。将其移动到面板内，或将控件放在自己的UpdatePanel中，并将两个面板的UpdateMode设置为Always



UpdatePanel.UpdateMode Property（System.Web.UI） [< a href =https://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel.updatemode(v=vs.110).aspx\"target =_ blanktitle =New Window > ^ ]

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <div id="members-list-options" class="item-options">
                                    <a id="News" class=""  runat="server">
                                        <asp:Button ID="btnNewUser" runat="server" Text="Yeniler" CssClass="a" BackColor="Transparent" BorderStyle="None" OnClick="btnNewUser_Click" /></a>
                                    <a id="Actives" class="selected"  runat="server">
                                        <asp:Button ID="btnActiveUser" runat="server" Text="Aktifler" CssClass="a" BackColor="Transparent" BorderStyle="None" OnClick="btnActiveUser_Click" /></a>
                                    <a id="Popular" class=""  runat="server">
                                        <asp:Button ID="btnPopularUser" runat="server" Text="Populer" CssClass="a" BackColor="Transparent" BorderStyle="None" OnClick="btnPopularUser_Click" /></a>
                                </div>
                            </ContentTemplate>
                        </asp:UpdatePanel>

protected void btnNewUser_Click(object sender, EventArgs e)
     {
         News.Attributes.Add("class", "selected");
         Actives.Attributes.Add("class", "");
         Popular.Attributes.Add("class", "");
         var K = (from k in ent.uyeler
                  where k.Aktif == true
                  orderby k.UyeTarihi descending
                  select k).ToList();
         dlUser.DataSource = K;
         dlUser.DataBind();
     }

     protected void btnActiveUser_Click(object sender, EventArgs e)
     {
         News.Attributes.Add("class", "");
         Actives.Attributes.Add("class", "selected");
         Popular.Attributes.Add("class", "");
         var K = (from k in ent.uyeler
                  where k.Aktif == true
                  select k).ToList();
         dlUser.DataSource = K;
         dlUser.DataBind();
     }

     protected void btnPopularUser_Click(object sender, EventArgs e)
     {
         News.Attributes.Add("class", "");
         Actives.Attributes.Add("class", "");
         Popular.Attributes.Add("class", "selected");
         var K = (from k in ent.uyeler
                  where k.Aktif == true
                  orderby k.TarifCount descending
                  select k).ToList();
         dlUser.DataSource = K;
         dlUser.DataBind();

     }

Hello

when i clickthe buton the datalist(dlUser) is not refresh
how can i fix this?

What I have tried:

searching google
adding and removing trigger

解决方案

Only items inside the UpdatePanel are refreshed when a button inside it triggers the postback, so your dlUser control won't update as it isn't in the UpdatePanel. Either move it inside the panel, or put the control in its own UpdatePanel and set the UpdateMode of both panels to "Always"

UpdatePanel.UpdateMode Property (System.Web.UI)[^]

这篇关于如何使用ajax更新div部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！