how to load data on page scroll depending upon selection ?

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 <= pageCount) {

$("#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("<%=dlCustomers.RepeatColumns == 0 ? 1 : dlCustomers.RepeatColumns %>");

var rowCount = Math.ceil(customers.length / repeatColumns);

var i = 0;

while (i < repeatColumns * rowCount) {

var row = $("[id*=dlCustomers] tr").eq(0).clone(true);

for (var j = 0; j < repeatColumns; 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();

}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Aniruddh Kewat11y ago
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 <= pageCount) {
$("#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("<%=dlCustomers.RepeatColumns == 0 ? 1 : dlCustomers.RepeatColumns %>");
var rowCount = Math.ceil(customers.length / repeatColumns);
var i = 0;
while (i < repeatColumns * rowCount) {
var row = $("[id*=dlCustomers] tr").eq(0).clone(true);
for (var j = 0; j < repeatColumns; 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();
}

0
Upendra Pratap Shahi11y ago
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.
0