自動序號列jqxgrid

Question

如何自動序號列添加到jqxgrid當數據庫記錄都在隨機順序

存在數據庫中的記錄編號或

沒有具體的領域我們只處理表中記錄的子集？

Answer 1

Grid Cells Rendering非常久遠下面的代碼將有助於

{ text: 'Serial Number', dataField: '', columntype: 'number', width: 50,cellsrenderer: slrenderer }, 

爲了使我們

var slrenderer = function (value) { 
value=value+1; // default numbering starts at 0 
return '<div style="text-align: center; margin-top: 5px;">' + value + '</div>'; 
} 

Answer 2

在您的專欄描述區域添加此

{ 
text: 'Srl No', sortable: false, filterable: false, editable: false, 
         groupable: false, draggable: false, resizable: false, 
         datafield: '', columntype: 'number', width: 50, 
         cellsrenderer: function (row, column, value) { 
          return "<div style='margin:4px;'>" + (value + 1) + "</div>"; 
         } 
},  

然後你r電網代碼如下所示

<script type="text/javascript"> 
     $(document).ready(function() { 
      // prepare the data 
      var data = MyJsonData; 

      var source = 
      { 
       localdata: data, 
       datatype: "json", 
       datafields: 
       [ 
        { name: 'firstname', type: 'string' }, 
        { name: 'lastname', type: 'string' } 
       ] 
      }; 
      var dataAdapter = new $.jqx.dataAdapter(source); 

      $("#jqxgrid").jqxGrid(
      { 
       width: 300, 
       source: dataAdapter, 
       columnsresize: true, 
       columns: [ 
        { 
         text: 'Srl No', sortable: false, filterable: false, editable: false, 
         groupable: false, draggable: false, resizable: false, 
         datafield: '', columntype: 'number', width: 50, 
         cellsrenderer: function (row, column, value) { 
          return "<div style='margin:4px;'>" + (value + 1) + "</div>"; 
         } 
        }, 
        { text: 'Name', datafield: 'firstname', width: 125 }, 
        { text: 'Last Name', datafield: 'lastname', width: 125 } 

       ] 
      }); 
     }); 
    </script>