click on load more button when user click on bottom

Last Reply on Mar 04, 2016 08:08 AM By Shashikant

Posted on Mar 01, 2016 04:13 AM

hi,

 

i have link button at last of page when user click on link button it clicks more data.

 

what i want is when user reach on bottom so load more button click automatically.

Results 1 - 5 of 15 123
Posted on Mar 01, 2016 05:15 AM Modified on on Mar 01, 2016 05:16 AM

Will you please explain your requirement in details with an example,if possible share your code

 


Posted on Mar 02, 2016 10:07 AM

hi,

 

i have list view which shows 4 record from data base

 

at the end of list view i  have link button

 

on click of linkbutton i redirect user on other page.

i want user does not need to click on linkbutton as soon user scroll and reach to bottom of the page link button click automatically.


Posted on Mar 03, 2016 02:16 AM

Please share your code and HTML


Posted on Mar 03, 2016 02:58 AM

 when scroll down and reach to bottom of page load more button click automatically

<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1" OnItemCommand="ListView1_ItemCommand" OnItemDataBound="ListView1_ItemDataBound">
                <ItemTemplate>      
            <asp:Label ID="Label2" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "MyProductId") %> ' Visible="false"></asp:Label>    

      <div class="white-panel"><%--<img src="http://i.imgur.com/sDLIAZD.png" alt="">--%>

              <asp:ImageButton ID="ImageButton2" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "Image") %> ' CssClass="img" CommandName="ViewProduct"  runat="server"  />
       
        <p style="text-transform:capitalize; font-size:11px; text-align:left; ">                            <asp:Label ID="Label1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "UserName") %> ' Font-Bold="True"></asp:Label> <asp:Label ID="Label3" runat="server" Text="wants"></asp:Label>  <asp:LinkButton ID="LinkButton4" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Description") %> ' ForeColor="#333333" Font-Italic="True" CommandName="ViewProduct" ></asp:LinkButton>
             and what make it special is <asp:LinkButton ID="LinkButton6" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Special") %> ' ForeColor="#333333" Font-Italic="True"></asp:LinkButton> <asp:LinkButton ID="LinkButton8" runat="server" CssClass="text-danger pull-right" Font-Size="X-Small" ForeColor="#9900CC" CommandName="ViewProduct" >View</asp:LinkButton></p>
  
 
          <hr />
 
        

          <div class="row">

         <div class="col-xs-3" style="padding:0px;"> 
                  <asp:LinkButton ID="LinkButton3" runat="server" CommandName="favorite" ForeColor="White" Font-Size="X-Small" CssClass="btn btn-warning pull-left"> <span class="glyphicon glyphicon-heart" aria-hidden="true"></span> <%# DataBinder.Eval(Container.DataItem, "fav") %> </asp:LinkButton>  
            
              
          </div>
       <div class="col-xs-3" style="padding:0px;">    <i class="fa fa-eye btn btn-success"> <asp:Label ID="Label5" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "totalviews") %> ' Font-Size="X-Small"></asp:Label></i>
    </div>
<div class="col-xs-3" style="padding:0px;">  
    </div>
  
<div class="col-xs-4" style="padding:0px;">  <asp:LinkButton ID="LinkButton5" runat="server" CssClass="text-danger pull-right" Font-Size="X-Small">Report Spam</asp:LinkButton>

    </div>

          </div>
            </div>
                      
                
             
                
                
                
                      </ItemTemplate>


            </asp:ListView>

<asp:LinkButton ID="LinkButton7" runat="server" OnClick="LinkButton7_Click" ForeColor="#333333">Load More</asp:LinkButton>

 

 protected void LinkButton7_Click(object sender, EventArgs e)
    {

        int pg = DataPager2.PageSize;
        DataPager2.PageSize = pg + 50;
        Label4.Text = "Total Records Found" + DataPager2.TotalRowCount.ToString();
        
    }

 


Posted on Mar 03, 2016 06:11 AM

Hi,

Please refer below articles

Load data while Scrolling Page down with jQuery AJAX and ASP.Net

Load images while scrolling page down with jQuery AJAX in ASP.Net

just add more button instead of loader image.

I hope this will help you out