Infinite scrolling in ASP.NET MVC 5 (edit)
https://drive.google.com/file/d/1elCSucyTZ7mKbyIOZOUQtrawlVtEH_cd/ (tttmanhnv@gmail.com)
http://harshw.com/infinite-scroll-using-jquery-asp-net-mvc-mustache-entity-framework-paginate/ (HAY HAY HAY)
http://www.binaryintellect.net/articles/6d19edd9-7582-4caf-b254-73deca44ecfb.aspx
https://archive.codeplex.com/?p=infinitescroll
https://forums.asp.net/t/2151152.aspx?Infinite+Scrolling+Using+JQuery+Ajax+MVC+C+
https://ricardodsanchez.com/2012/04/02/infinite-scroll-with-asp-net-mvc/
https://github.com/philoushka/Mvc-Infinite-Scroll-Grid
https://dzone.com/articles/infinite-scrolling-aspnet (HAY)
https://www.dotnetcurry.com/aspnet/911/infinite-scroll-aspnet-webapi-knockoutjs
https://github.com/dotnetcurry/infinite-scrolling-mvc
https://www.sqlservercentral.com/blogs/implementing-infinite-scroll-with-asp-net-mvc-4 (HAY HAY HAY)
https://github.com/gavdraper/MVC-WebApi-Infinite-Scroll
https://www.infinetsoft.com/Post/infinite-scroll-jquery-example/2440#.XthtAzozaUk (Shorter)
https://demos.telerik.com/aspnet-core/grid/endless-scrolling-remote (License)
jQuery - JavaScript
https://www.sitepoint.com/jquery-infinite-scrolling-demos/
https://www.sitepoint.com/jquery-infinite-scrolling-demos/
ASP.NET
https://techbrij.com/asp-net-pinterest-infinite-scroll-jquery-masonry
https://midnightprogrammer.net/post/infinite-scrolling-in-aspnet-with-jquery/
http://www.bousie.co.uk/blog/asp-net-web-forms-infinite-scroll-repeater/
https://devio.wordpress.com/2012/08/05/grids-paging-and-infinite-scrolling/
https://www.aspforums.net/Threads/185334/Implement-Infinite-Scroll-in-ASPNet-using-jQuery-AJAX-and-Linq/ (Stored Procedure)
Others
https://tutorialslink.com/Articles/Infinite-Scrolling-Using-JQuery-Ajax-in-Aspnet-MVC/54
https://tutorialslink.com/Articles/Infinite-scroll-using-AngularJS-in-Aspnet-MVC/48
https://tutorialslink.com/Articles/Server-side-pagination-using-AngularJs-in-Aspnet-MVC/46
https://www.tutorialslink.com/Articles/How-to-login-with-facebook-in-aspnet-mvc/2
Infinite Scrolling Using JQuery Ajax in Asp.net MVC
19/09/2017 Infinite Scroll, Jquery, Load data on scroll, 12238 Views
Here I will explain how to perform Infinite scrolling using JQuery Ajax in Asp.net means we load dynamically on scroll of page.
Infinite scroll using AngularJS in Asp.net MVC
17/08/2017 AngularJS pagination, Infinite scroll, Facebook like pagination, Lozy load, 4359 Views
Here I will Explain Infinite scroll pagination using AngularJS in Asp.net MVC. This technique generally used in Facebook and Twitter websites for data loading.
https://www.codeproject.com/Tips/677599/ASP-NET-MVC-Ajax-Infinite-Scroll
https://forums.asp.net/t/2151152.aspx?Infinite+Scrolling+Using+JQuery+Ajax+MVC+C+
https://ricardodsanchez.com/2012/04/02/infinite-scroll-with-asp-net-mvc/
https://archive.codeplex.com/?p=infinitescroll
Infinite scroll in ASP.NET MVC 5
https://www.codeproject.com/Tips/677599/ASP-NET-MVC-Ajax-Infinite-Scroll
Virtualization
https://demos.componentone.com/ASPNET/LearnMvcClient/C1FlexGrid/Virtualization/1
An infinite scroll directive for vue.js
https://github.com/ElemeFE/vue-infinite-scroll
Step 1: Server
public ActionResult Index()
{
return View();
}
public JsonResult GetData(int pageIndex, int pageSize)
{
System.Threading.Thread.Sleep(3000);
models db = new models();
var products = (from product in db.Products.AsEnumerable()
select new
{
Name =product.ProductName,
UnitPrice =product.UnitPrice,
QuantityPerUnit =product.QuantityPerUnit
}).Distinct().ToList();
var query = (from c in db.Customers
orderby c.CompanyName ascending
select new
{
Name =c.CompanyName,
Address =c.Address,
City = c.City,
Country =c.Country,
PostalCode = c.PostalCode,
})
.Skip(pageIndex *pageSize)
.Take(pageSize);
return Json(query.ToList(), JsonRequestBehavior.AllowGet); }
Step 2: Client
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var pageSize = 10;
var pageIndex = 1;
$(document).ready(function () {
GetData();
$(window).scroll(function () {
if ($(window).scrollTop() ==
$(document).height() -$(window).height()) {
GetData();
}
});
});
function GetData() {
$.ajax({
type: 'GET',
url: '/Customer/GetData',
data: { "pageindex":pageIndex, "pagesize": pageSize },
dataType: 'json',
success: function (data) {
debugger;
if (data != null) {
for (var i = 0; i < data.length;i++) {
$("#container").append("<h2> " +
data[i].Name + "</h2>" +
"<p><i>" + data[i].Address + "</i></p><p><i>" +
data[i].City +data[i].Country + "- " + data[i].PostalCode + "</i></p>"
);
}
pageIndex++;
}
},
beforeSend: function () {
$("#progress").show();
},
complete: function () {
$("#progress").hide();
},
error: function () {
alert("Error while retrieving data!");
}
});
}
</script>
<h2>Customer details</h2>
<div id="container"></div>
<div id="progress" style="display: none">
<h4>Loading...</h4>
</div>
