asp.net c#datalist在向下滚动页面时加载数据 [英] asp.net c# datalist load data while scrolling page down
本文介绍了asp.net c#datalist在向下滚动页面时加载数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这段代码无法正常工作.Net代码是可以的,SQL查询还可以,但是JQuery代码中的问题因为我在datalist中使用多个表,但这在JQuery中没有正确处理。请帮助
this code is not working properly all the thing in .Net code is ok and SQL Query is ok but the issues in JQuery code because i use multiple table in datalist but this is not properly handle in JQuery. Kindly Help
<head id="Head1" runat="server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
var pageIndex = 1;
var pageCount;
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
GetRecords();
}
});
function GetRecords() {
pageIndex++;
if (pageIndex == 2 || pageIndex <= pageCount) {
$("#loader").show();
$.ajax({
type: "POST",
url: "CS1.aspx/GetFollowersData",
data: '{pageIndex: ' + pageIndex + '}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
failure: function(response) {
//alert(response.d);
},
error: function(response) {
//alert(response.d);
}
});
} GetFollowersData
}
function OnSuccess(response) {
var xmlDoc = $.parseXML(response.d);
var xml = $(xmlDoc);
pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text());
var Followers = xml.find("Followers");
var table = $("#dvFollowers table")
Followers.each(function () {
var Follower = $(this);
var row = $("#dvFollowers table tr").eq(0).clone(true);
$(".UserName", row).html(Follower.find("RowNumber").text());
$(".FirstName", row).html(Follower.find("Reg_No").text());
$(".LastName", row).html(Follower.find("Reg_Curr_Code").text());
$(".Country", row).html(Follower.find("PostedOn").text());
table.append(row);
});
$("#loader").hide();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="dvFollowers">
<asp:DataList Width="100%" ID="DataListFollowers" runat="server">
<ItemTemplate>
<table><tr><td><%# Eval("RowNumber") %></td></tr></table>
<table><tr><td><%# Eval("Reg_No")%></td></tr></table>
<table><tr><td><%# Eval("Reg_Curr_Code")%></td></tr></table>
<table><tr><td><%# Eval("PostedOn")%></td></tr></table>
</ItemTemplate>
</asp:DataList>
<img id="loader" alt="" src="103.gif" style="display: none" />
</div>
</form>
</body>
</html>
推荐答案
(window).scroll(function () {
if (
(window).scroll(function () { if (
(window).scrollTop() ==
(window).scrollTop() ==
(document).height() -
(document).height() -
这篇关于asp.net c#datalist在向下滚动页面时加载数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文