【问题标题】:how can i get each 25 row records of dynamic table every time i scroll(on page load it is 1-25 records then 25-50 )每次滚动时如何获取动态表的每 25 行记录(在页面加载时它是 1-25 记录,然后是 25-50)
【发布时间】:2013-12-02 14:26:11
【问题描述】:

我怎样才能获得 25 行记录并在每次滚动时动态地将它们放入表中

<div class="UserList">
    <table id="tblUsers"></table>
</div>

我有一些 JQuery 客户端代码来请求这样的数据

$(".UserList").scroll(function () {

    var iframe = $(".UserList");
    var tr = iframe.contents().find("tr[name=25]");

    $.ajax({
        type: "POST",
        url: "UserListing.aspx/GetNRecods",
        data: '{Lower:' + tr + ',Upper: ' + tr + '}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            $("#tblUsers").html(data.d);
        }
    });`

我的后端代码是

<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

【问题讨论】:

  • 正确对齐代码以便于理解。
  • 太好了,我想it's 正在尝试交流。
  • 如果你问的是无限滚动 - 先尝试谷歌 - 你可能会找到很多东西。我也回答过类似的问题:stackoverflow.com/questions/19370850/…
  • 如果你问的是无限滚动 - 先尝试谷歌 - 你可能会找到很多东西。我也回答了类似的问题:stackoverflow.com/questions/19370850/... - 与我的帖子无关,我在滚动时想要 25 个动态表格
  • @TheDean 甚至不清楚你的问题是什么......你已经将客户端代码和服务器代码转储到帖子中,并对问题进行了简单的解释。我们如何知道什么有效,什么无效,或任何意外行为。任何读者都应该清楚应该关注什么

标签: jquery html asp.net


【解决方案1】:

我的 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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-11-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-01
    • 2021-09-20
    • 2021-05-02
    相关资源
    最近更新 更多