jqgrid編輯並添加「tab」鍵的行

Question

我是jqgrid的新手，我試圖通過「tab」鍵瀏覽網格。 我希望能夠編輯一行，並且當我編輯該行中的最後一個單元格時，如果單擊Tab鍵，它將保存當前行更改（在客戶端，而不是通過單擊Enter鍵）以及將焦點設置到下一行並編輯它的單元格，當我到達最後一行和單元格時，選項卡單擊將添加一個新行並使其處於編輯模式。

我嘗試過在線編輯，然後用單元格編輯，但總是卡住... 這怎麼可以做到？

在此先感謝。

Answer 1

我不知道你目前有什麼，但我測試了這一點，它的工作原理。既然你沒有提到你最初是如何開始編輯網格的，我已經在ready事件中手動完成了，你只需要跟蹤使用selIRow var的當前正在編輯的行。

var selIRow = 1; //keep track of currently edited row 
       //initialized to 1 for testing purposes 

    $(document).ready(function() { 
     $("#jqGrid").jqGrid({ 
      datatype: 'local', 
      colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'], 
      colModel: [ 
       { name: 'id', index: 'id', width: 60, editable: true }, 
       { name: 'invdate', index: 'invdate', width: 90, editable: true }, 
       { name: 'name', index: 'name', width: 100, editable: true }, 
       { name: 'amount', index: 'amount', width: 80, editable: true }, 
       { name: 'tax', index: 'tax', width: 80, editable: true }, 
       { name: 'total', index: 'total', width: 80, editable: true }, 
       { name: 'note', index: 'note', width: 150, editable: true, 
        //Place this code in the col options of the last column in your grid 
        // it listens for the tab button being pressed 
        editoptions: { 
         dataInit: function (elem) { $(elem).focus(function() { this.select(); }) }, 
         dataEvents: [ 
          { 
           type: 'keydown', 
           fn: function (e) { 
            var key = e.charCode || e.keyCode; 
            if (key == 9)//tab 
            { 
             var grid = $('#jqGrid'); 
             //Save editing for current row 
             grid.jqGrid('saveRow', selIRow, false, 'clientArray'); 
             //If at bottom of grid, create new row 
             if (selIRow++ == grid.getDataIDs().length) { 
              grid.addRowData(selIRow, {}); 
             } 
             //Enter edit row for next row in grid 
             grid.jqGrid('editRow', selIRow, false, 'clientArray'); 
            } 
           } 
          } 
         ] 
        } 
       } 
      ], 
     }); 
    }); 

一些功勞從here的標籤事件轉到kajo的回答。