如何將數據附加到客戶端的中繼器控件

我想將數據附加到中繼器，中繼器在頁面加載時已經有一些數據。但我想在滾動頁面向下時重新加載數據。如何將數據附加到客戶端的中繼器控件

.NET

 <div id="Posts" class="container-fluid padded"> 
      <asp:Repeater ID="PostsRepeater" runat="server"> 
       <ItemTemplate> 
        <section> 
         <div class="col-md-2"> 
          <img src="images/" <%#("ImagePath") %> alt="<%#Eval("username") %>" class="img-circle img-responsive" /> 
         </div> 
         <div class="col-md-10"> 
          <div> 
           <b><%#Eval("username") %></b><p><span class="glyphicon glyphicon-time"></span>Posted on Feb <%#Eval("CreationDate") %></p> 
          </div> 
          <hr> 
          <p><%#Eval("Status") %></p> 
          <img src="images/1451285316491.jpg" class="img-responsive"> 
         </div> 
         <div class="row commentbox"> 
          <div class="col-sm-2"> 
           <div class="thumbnail"> 
            <img class="img-responsive user-photo img-circle" src="images/1451285316491.jpg"> 
           </div> 
           <!-- /thumbnail --> 
          </div> 
          <!-- /col-sm-1 --> 
          <div class="col-sm-10"> 
           <div class="panel panel-default"> 
            <div class="panel-heading"> 
             <strong>Ali</strong> <span class="text-muted">commented 5 days ago</span> 
            </div> 
            <div class="panel-body"> 
             This Is awsome post 
            </div> 
            <!-- /panel-body --> 
           </div> 
           <!-- /panel panel-default --> 
          </div> 
          <!-- /col-sm-6 --> 
         </div> 
         <!-- /row commentbox --> 
        </section> 
       </ItemTemplate> 
      </asp:Repeater> 
      <img id="loader" class="img-responsive col-md-offset-4" alt="" src="images/loading.gif" style="display:none" /> 
     </div>

來源

2016-03-08 Usf Noor

在窗口滾動，你可以做一個jQuery Ajax call which returns data和成功方法得到響應，並將其綁定到父股利Posts（即重複器控制）

編輯：代碼將數據綁定.IE（Ajax的成功方法）

function OnSuccess(response) { 
    var items = response.d; 
    var fragment=''; 
    $.each(items, function (index, val) { 

    var aData_imgSRC= val.imgSRC; 
    var aData_USERNAME= val.USERNAME;   

    // ..... 

    fragment += "<section> <div class='col-md-2'> <img src='"+aData_imgSRC+"' class='img-circle img-responsive' /> </div> <div class='col-md-10'> <div> <b>"+aData_USERNAME+"</b><p><span class='glyphicon glyphicon-time'></span>Posted on Feb "+aData_Date+"></p> </div> <hr> <p>"+aData_Status+"</p> <img src='images/1451285316491.jpg' class='img-responsive'></div> </section>"; 
    }); 
    $('#Posts').append(fragment); 
}

鏈接：How to consume Webmethod in Asp.net C#

來源

2016-03-08 11:07:22

我有數據，但我不知道如何將它從JavaScript –

@usfnoor綁定到父DIV：請檢查我的更新答案 –

thankx Satinder，其工作完美.. –

如何將數據附加到客戶端的中繼器控件

回答

相關問題