Jquery 如何在每次滚动时获得动态表的每25行记录(页面加载时是1-25条记录,然后是25-50条记录)
如何获得25行记录并在每次滚动时动态地将其放在表中Jquery 如何在每次滚动时获得动态表的每25行记录(页面加载时是1-25条记录,然后是25-50条记录),jquery,html,asp.net,Jquery,Html,Asp.net,如何获得25行记录并在每次滚动时动态地将其放在表中 <div class="UserList"> <table id="tblUsers"></table> </div> 我的后端代码是 <System.Web.Services.WebMethod()> _ Public Shared Function GetNRecords(ByVal Upper As Integer, ByVal Lower As Integer) As
<div class="UserList">
<table id="tblUsers"></table>
</div>
我的后端代码是
<System.Web.Services.WebMethod()> _
Public Shared Function GetNRecords(ByVal Upper As Integer, ByVal Lower As Integer) As String
Dim oUserinfo As New ClassUser
Dim dvUserlist As New DataView
dvUserlist = oUserinfo.GetNRecords(Upper, Lower)
Dim strData As String
strData = "<tr id='Header'><td>UserID</td><td>UserName</td><td>Created Date</td><td>Email</td><td>FirstName</td><td>LastName</td><td>Mobile No.</td><td>Address</td><td>Country</td><td colspan='2'>Action</td><td>Status</td></tr>"
For i As Integer = 0 To dvUserlist.Table.Rows.Count - 1
Dim Txt As String
Txt = CStr(dvUserlist.Table.Rows(i)("IsActive").ToString())
If Txt = False Then
Txt = "Inactive"
Else
Txt = "Active"
End If
strData += "<tr><td id='userID'>" + dvUserlist.Table.Rows(i)("userID").ToString() + "</td><td id='UserName'>" + dvUserlist.Table.Rows(i)("username").ToString() + "</td><td id='Date'>" + CDate(dvUserlist.Table.Rows(i)("CreatedDate").ToString()).ToString("dd/MM/yyyy") + "</td><td id='Email'>" + dvUserlist.Table.Rows(i)("Email").ToString() + "</td><td id='FirstName'>" + dvUserlist.Table.Rows(i)("FirstName").ToString() + "</td><td id='LastName'>" + dvUserlist.Table.Rows(i)("LastName").ToString() + "</td><td id='Phone'>" + dvUserlist.Table.Rows(i)("Phone").ToString() + "</td><td id='Address'>" + dvUserlist.Table.Rows(i)("Address").ToString() + "</td><td id='Country'>" + dvUserlist.Table.Rows(i)("country").ToString() + "</td><td id='Edit'> <a id='lnkEdit'" & dvUserlist.Table.Rows(i)("userID").ToString() & "' onclick='window.open(""InsertUserInfo.aspx?userid=" & dvUserlist.Table.Rows(i)("userID").ToString() & """)'> Edit </a>" + "</td><td id='Delete'> <a id='LnkDelete'" & dvUserlist.Table.Rows(i)("userID").ToString() & "' onclick='DeleteUserinfo(""" & dvUserlist.Table.Rows(i)("userID").ToString() & """);'>Delete</a></td><td><span class='IsActive' id='IsActive" & dvUserlist.Table.Rows(i)("userID").ToString() & "' onclick='UpdateUserStatus(" & dvUserlist.Table.Rows(i)("userID").ToString() & ")'>" + Txt + "</span></td></tr>"
Next
Return strData
End Function
_
公共共享函数GetNRecords(ByVal上限为整数,ByVal下限为整数)为字符串
Dim Userinfo作为新类用户
Dim dvUserlist作为新数据视图
dvUserlist=userinfo.GetNRecords(上、下)
将strData设置为字符串
strData=“UserIDUserNameCreated DateEmailFirstNameLastNameMobile No.AddressCountryActionStatus”
对于i As Integer=0到dvUserlist.Table.Rows.Count-1
以字符串形式显示文本
Txt=CStr(dvUserlist.Table.Rows(i)(“IsActive”).ToString())
如果Txt=False,则
Txt=“非活动”
其他的
Txt=“活动”
如果结束
strData++=“dvUserlist.Table.Rows(i)(“用户ID”).ToString()+”“+dvUserlist.Table.Rows(i)(“用户名”).ToString()+”“+CDate(dvUserlist.Table.Rows(i)(“CreatedDate”).ToString()).ToString(“dd/MM/yyyy”)+“+dvUserlist.Table.Rows(i)(“电子邮件”).ToString()+”+dvUserlist.Table.Rows(i)(“名字”).ToString()+“dvUserlist.Table(“LastName”).ToString()+”“+dvUserlist.Table.Rows(i)(“电话”).ToString()+”“+dvUserlist.Table.Rows(i)(“地址”).ToString()+”“+dvUserlist.Table.Rows(i)(“国家”).ToString()+“删除”+Txt+”
下一个
返回标准数据
端函数
我的html是
<div class="UserList">
<table id="tblUsers">
</table>
</div>
jquery代码为
var startRow=1
var endRow = startRow + 24;
$.ajax({
type: 'POST',
url: "UserListing.aspx/GetNRecords",
data: '{strSearch: ' + "'" + $("#txtSearch").val() + "'" + ',Lower: ' + startRow + ' ,Upper: ' + endRow + '}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
$("#tblUsers").append(data.d);
$("#tblUsers").prepend("<tr id='Header'><td>UserID</td>
<td>UserName</td><td>Created Date</td><td>Email</td>
<td>FirstName</td><td>LastName</td><td>Mobile No.</td>
<td>Address</td><td>Country</td><td colspan='2'>Action</td>
<td>Status</td></tr>");
$(".UserList").bind("scroll", function () {
GetUserOnScroll();
});
}
});
**backend serverside webservice method code is**
<System.Web.Services.WebMethod()> _
Public Shared Function GetNRecords(ByVal strSearch As String, ByVal Lower
As Integer, ByVal Upper As Integer) As String
Dim oUserinfo As New ClassUser
Dim dvUserlist As New DataView
dvUserlist = oUserinfo.GetNRecords(strSearch, Lower, Upper)
Dim strData As String
strData = "<tr style='display:none'><td><span id='UserCount'>" +
dvUserlist.Table.Rows(0)("UserCount").ToString() + "</span></td></tr>"
For i As Integer = 0 To dvUserlist.Table.Rows.Count - 1
Dim Txt As String
Txt = CStr(dvUserlist.Table.Rows(i)("IsActive").ToString())
If Txt = False Then
Txt = "Inactive"
Else
Txt = "Active"
End If
strData += "<tr><td class='userID'>" + dvUserlist.Table.Rows(i)
("userID").ToString() + "</td><td class='UserName'>" +
dvUserlist.Table.Rows(i)("username").ToString() + "</td>
<td class='Date'>" + CDate(dvUserlist.Table.Rows(i)
("CreatedDate").ToString()).ToString("dd/MM/yyyy") + "</td>
<td class='Email'>" + dvUserlist.Table.Rows(i)
("Email").ToString() + "</td><td class='FirstName'>" +
dvUserlist.Table.Rows(i)("FirstName").ToString() + "
</td><td class='LastName'>" + dvUserlist.Table.Rows(i)
("LastName").ToString() + "</td><td class='Phone'>" +
dvUserlist.Table.Rows(i)("Phone").ToString() + "</td>
<td class='Address'>" + dvUserlist.Table.Rows(i)
("Address").ToString() + "</td><td class='Country'>" +
dvUserlist.Table.Rows(i)("country").ToString() + "
</td><td id='Edit'> <a class='lnkEdit'" &
dvUserlist.Table.Rows(i)("userID").ToString() & "'
onclick='window.open(""InsertUserInfo.aspx?userID=" &
dvUserlist.Table.Rows(i)("userID").ToString() &
""")'> Edit </a>" + "</td><td class='Delete'>
<a id='LnkDelete'" & dvUserlist.Table.Rows(i)
("userID").ToString() & "' onclick='DeleteUserinfo("""
& dvUserlist.Table.Rows(i)("userID").ToString() &
""");'>Delete</a></td><td><span class='IsActive'
id='IsActive" & dvUserlist.Table.Rows(i)
("userID").ToString() & "'
onclick='UpdateUserStatus(" &
dvUserlist.Table.Rows(i)("userID").ToString() &
")'>" + Txt + "</span></td></tr>"
Next
Return strData
End Function
var endRow=startRow+24;
$.ajax({
键入:“POST”,
url:“UserListing.aspx/GetNRecords”,
数据:{strSearch:'+''+$(“#txtSearch”).val()+'+',下:'+startRow+',上:'+endRow+'}',
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
成功:功能(数据){
$(“#tblUsers”)。追加(数据d);
$(“#tblUsers”).prepend(“用户ID
用户名创建日期电子邮件
firstnamelastnamobile号码。
国家行动
地位);
$(“.UserList”).bind(“滚动”,函数(){
GetUserOnScroll();
});
}
});
**后端服务器端Web服务方法代码为**
_
公共共享函数GetNRecords(ByVal strSearch作为字符串,ByVal更低
作为整数,ByVal上限作为整数)作为字符串
Dim Userinfo作为新类用户
Dim dvUserlist作为新数据视图
dvUserlist=userinfo.GetNRecords(strSearch、Lower、Upper)
将strData设置为字符串
strData=”“+
dvUserlist.Table.Rows(0)(“UserCount”).ToString()+“”
对于i As Integer=0到dvUserlist.Table.Rows.Count-1
以字符串形式显示文本
Txt=CStr(dvUserlist.Table.Rows(i)(“IsActive”).ToString())
如果Txt=False,则
Txt=“非活动”
其他的
Txt=“活动”
如果结束
strData+=“”+dvUserlist.Table.Rows(i)
(“userID”).ToString()+“”+
dvUserlist.Table.Rows(i)(“用户名”).ToString()
“+CDate(dvUserlist.Table.Rows(i)
(“CreatedDate”).ToString()).ToString(“dd/MM/yyyy”)+“
“+dvUserlist.Table.Rows(i)
(“电子邮件”).ToString()+“”+
dvUserlist.Table.Rows(i)(“名字”).ToString()
“+dvUserlist.Table.Rows(i)
(“LastName”).ToString()+“”+
dvUserlist.Table.Rows(i)(“电话”).ToString()
“+dvUserlist.Table.Rows(i)
(“地址”).ToString()+“”+
dvUserlist.Table.Rows(i)(“国家”).ToString()+“
删除“+Txt+”
下一个
返回标准数据
端函数
正确对齐代码以便于理解。很好,我认为这是在尝试沟通。如果你问的是无限卷轴-先用谷歌搜索-你可能会发现很多东西。我也回答了类似的问题:如果你问的是无限卷轴-先用谷歌搜索-你可能会发现很多东西。还有,我e回答了类似的问题:stackoverflow.com/questions/19370850/…-与我的帖子无关,我希望在我发布动态表格时获得25条scroll@TheDean甚至不清楚你的问题是什么……你已经将客户端代码和服务器代码以最低限度的方式解释了这个问题。我们如何知道什么在起作用,什么不起作用,或者有什么不起作用预期的行为。任何读者都应该清楚该关注什么
var endRow = startRow + 24;
$.ajax({
type: 'POST',
url: "UserListing.aspx/GetNRecords",
data: '{strSearch: ' + "'" + $("#txtSearch").val() + "'" + ',Lower: ' + startRow + ' ,Upper: ' + endRow + '}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
$("#tblUsers").append(data.d);
$("#tblUsers").prepend("<tr id='Header'><td>UserID</td>
<td>UserName</td><td>Created Date</td><td>Email</td>
<td>FirstName</td><td>LastName</td><td>Mobile No.</td>
<td>Address</td><td>Country</td><td colspan='2'>Action</td>
<td>Status</td></tr>");
$(".UserList").bind("scroll", function () {
GetUserOnScroll();
});
}
});
**backend serverside webservice method code is**
<System.Web.Services.WebMethod()> _
Public Shared Function GetNRecords(ByVal strSearch As String, ByVal Lower
As Integer, ByVal Upper As Integer) As String
Dim oUserinfo As New ClassUser
Dim dvUserlist As New DataView
dvUserlist = oUserinfo.GetNRecords(strSearch, Lower, Upper)
Dim strData As String
strData = "<tr style='display:none'><td><span id='UserCount'>" +
dvUserlist.Table.Rows(0)("UserCount").ToString() + "</span></td></tr>"
For i As Integer = 0 To dvUserlist.Table.Rows.Count - 1
Dim Txt As String
Txt = CStr(dvUserlist.Table.Rows(i)("IsActive").ToString())
If Txt = False Then
Txt = "Inactive"
Else
Txt = "Active"
End If
strData += "<tr><td class='userID'>" + dvUserlist.Table.Rows(i)
("userID").ToString() + "</td><td class='UserName'>" +
dvUserlist.Table.Rows(i)("username").ToString() + "</td>
<td class='Date'>" + CDate(dvUserlist.Table.Rows(i)
("CreatedDate").ToString()).ToString("dd/MM/yyyy") + "</td>
<td class='Email'>" + dvUserlist.Table.Rows(i)
("Email").ToString() + "</td><td class='FirstName'>" +
dvUserlist.Table.Rows(i)("FirstName").ToString() + "
</td><td class='LastName'>" + dvUserlist.Table.Rows(i)
("LastName").ToString() + "</td><td class='Phone'>" +
dvUserlist.Table.Rows(i)("Phone").ToString() + "</td>
<td class='Address'>" + dvUserlist.Table.Rows(i)
("Address").ToString() + "</td><td class='Country'>" +
dvUserlist.Table.Rows(i)("country").ToString() + "
</td><td id='Edit'> <a class='lnkEdit'" &
dvUserlist.Table.Rows(i)("userID").ToString() & "'
onclick='window.open(""InsertUserInfo.aspx?userID=" &
dvUserlist.Table.Rows(i)("userID").ToString() &
""")'> Edit </a>" + "</td><td class='Delete'>
<a id='LnkDelete'" & dvUserlist.Table.Rows(i)
("userID").ToString() & "' onclick='DeleteUserinfo("""
& dvUserlist.Table.Rows(i)("userID").ToString() &
""");'>Delete</a></td><td><span class='IsActive'
id='IsActive" & dvUserlist.Table.Rows(i)
("userID").ToString() & "'
onclick='UpdateUserStatus(" &
dvUserlist.Table.Rows(i)("userID").ToString() &
")'>" + Txt + "</span></td></tr>"
Next
Return strData
End Function