how to load data on page scroll depending upon selection ?

Question

i have got 5 linkbuttons ,that display category,on page load,data is loaded in the datalist and the page scroll works fine... when i select a category,products related to that category are populated in the datalist...but when i scroll down i dont get the selected category items loaded in the datalist on page scroll..... thanks in advance...

Aniruddh Kewat · Answer

the code for pagescrolling needs a parameter of linkbutton,but i dont know how to get the commandargument of the linkbutton in the jquery here's the code $(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { GetRecords(); } }); function GetRecords() { pageIndex++; alert('PageIndex : ' + pageIndex + ' , Page Count : ' + pageCount); if (pageIndex == 2 || pageIndex $("#loader").show(); $.ajax({ type: "POST", url: "Default.aspx/GetCustomers", data: '{pageIndex:'+pageIndex+'}', contentType: "application/json; charset=utf-8", dataType: "json", success: OnSuccess, failure: function (response) { alert('Hell 1'); }, error: function (response) { alert('Hell 2'); } }); } } function OnSuccess(response) { var xmlDoc = $.parseXML(response.d); var xml = $(xmlDoc); pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text()); var customers = xml.find("Customers"); var repeatColumns = parseInt(" "); var rowCount = Math.ceil(customers.length / repeatColumns); var i = 0; while (i var row = $("[id*=dlCustomers] tr").eq(0).clone(true); for (var j = 0; j var customer = $(customers[i]); if (customer.length == 0) { //alert('Bingo'); $("table:last", row).remove(); } else { $(".name", row).eq(j).html(customer.find("Name").text()); $(".productId", row).eq(j).html(customer.find("ProductId").text()); $(".description", row).eq(j).html(customer.find("Description").text()); $(".imageUrl", row).eq(j).html(customer.find("ImageUrl").text()); $(".image", row).eq(j).attr("src", 'Images/' + customer.find("ImageUrl").text()); $(".price", row).eq(j).html(customer.find("Price").text()); $(".quantity", row).eq(j).html(customer.find("Quantity").text()); } i++; } $("[id*=dlCustomers]").append(row); } //$("[id*=dlCustomers] tr").eq(0).remove(); $("[id*=dlCustomers]").show(); $("#loader").hide(); }

Upendra Pratap Shahi · Answer

Kindly look your code at page scrolling , it seems like on page scrolling you bind re data for this while you have to bind according with populated dropdown data.