jquery - 在 Jquery JTable 文件中定义行号

Question

在 JQuery-JTable 中，我们有列表操作字段，它获取记录，我想在每行旁边显示行号，我的意思是我的第一列应该是行号。

注意：行号应该正确，因为 JQuery-JTable 更改了视图“分页、排序和....） 这是我的代码：

<script type="text/javascript">
$(document).ready(function() {              
    $('#userTableContainer').jtable({
        title: 'Users',
        paging: true,
        pageSize: 15,
        sorting: true,
        create: false,
        edit: false,
        actions: {
            listAction: 'user/getUsers.asmx',
        },
        fields: {
            RowNumber : { title:'No' , display:function(){} } ,//---------it's hear.???? How to display row number for all record and pagging  
            username: {
                title: 'username'
            },
            firstname: {
                title: 'firstname'
            },
            lastname: {
                title: 'lastname'
            },
            company: {
                title: 'company'
            }
         }
    });
    $('#userTableContainer').jtable('load');              
});    

Answer 1

要使这项工作与索引一起使用，您必须获取当前页码和页面大小。一旦您拥有它们，您总是可以形成下一个 RowNo。

var pageNum = $('.jtable-goto-page select option:selected').val();  
var pageSize = $('.jtable-page-size-change select option:selected').val();     
var RowNo= pagesize*pagenumber - pagesize;

现在替换 var RowNo= 0; 与前述。

但老实说，从客户端计算这个没有意义，而是直接从服务器端获取。

Answer 2

 <script type="text/javascript">
$(document).ready(function() { 
    var RowNumber = 0;             
    $('#userTableContainer').jtable({
        title: 'Users',
        paging: true,
        pageSize: 15,
        sorting: true,
        create: false,
        edit: false,
        actions: {
            listAction: 'user/getUsers.asmx',
        },
        fields: {

             RowNumber : {
              title: 'No',
              display: function () {
              RowNumber++;
              return RowNumber;
              }
            },
            username: {
                title: 'username'
            },
            firstname: {
                title: 'firstname'
            },
            lastname: {
                title: 'lastname'
            },
            company: {
                title: 'company'
            }
         }
    });
    $('#userTableContainer').jtable('load');              
});

Answer 3

您可以从 SQL 查询中获取 Row_Number：

ROW_NUMBER() OVER (ORDER BY " +jtSorting+")

并将其绑定为列。