在 Jquery JTable 字段中定义行号答案

【问题标题】：Define Row Numebr in Jquery JTable Fileds在 Jquery JTable 字段中定义行号
【发布时间】：2013-10-28 18:43:11
【问题描述】：

在 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');              
});

【问题讨论】：

标签： jquery jquery-jtable row-number

【解决方案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;与上述。

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

【讨论】：

您说的完全正确，我通过一个简单的计数器从服务器端解决了它，所以我认为您的脚本确实有效。谢谢

【解决方案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');              
});

【讨论】：

不，先生，这不是真的，我需要行号作为第一列：例如 1 2 3 4 5 6 ，我的意思是每一行都有行号
您的答案很好，但我检查了它，当 JQuery-JTable 更改为下一页和上一页时，行号崩溃，但为您的答案设置投票。您也可以为我的问题投票。谢谢

【解决方案3】：

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

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

并将其绑定为一个列。

【讨论】：