jqgrid內聯編輯只在選定的單元格，而不是行

我有一個jqgrid在我的應用程序，它工作正常，但它與我的要求略有不同，當點擊一個特定的單元格時，整行被選中，但我只需要選擇特定的單元格...下一個可以更新點擊「Enter」鍵時的行值，但是我希望只要用戶離開該特定單元格就更新單元格的值jqgrid內聯編輯只在選定的單元格，而不是行

這是我的jQuery代碼

<script type="text/javascript"> 
    $(function() { 
     var lastsel; 

     jQuery("#list").jqGrid({ 
      url: '/Home/GetStudents/', 
      datatype: 'json', 

      mtype: 'POST', 
      colNames: ['StudentID', 'FirstName', 'LastName', 'Email'], 
      colModel: [ 
     { name: 'StudentID', sortable: false, key: true }, 
     { name: 'FirstName', key: true }, 
     { name: 'LastName', sortable: false, key: true }, 
     { name: 'Email', width: 200, sortable: false, key: true}], 
      cmTemplate: { align: 'center', editable: true }, 
      pager: '#pager', 
      width: 750, 
      rowNum: 15, 
      rowList: [5, 10, 20, 50], 
      sortname: 'StudentID', 
      sortorder: "asc", 
      viewrecords: true, 
      caption: ' My First JQgrid', 
      onSelectRow: function (StudentID) { 


       if (StudentID != lastsel) { 


        jQuery('#list').jqGrid('restoreRow', lastsel); 
        jQuery('#list').jqGrid('editRow', StudentID, true); 

        lastsel = StudentID; 

       } 

      }, 

      editurl: '/Home/About/', 

      caption: "jQgrid Sample" 

     }); 

     jQuery("#list").jqGrid('navGrid', "#pager", { edit: false, add: false, del: false }); 
    }); 

</script>

來源

2012-12-03 colors bright

你好像用錯editing mode。 jqGrid支持樹編輯模式，可以在許多變體中使用。

您的要求的描述看起來應該使用cell editing而不是您目前使用的inline editing。

來源

2012-12-03 08:47:53 Oleg

所以在這個網格中，我的任何需求都是不可能的，例如只編輯用戶在離開單元格時點擊並更新值的單元格？ –

@colorsbright：我需要提醒您，您獲得的產品包含* free *的完整源代碼。此外，您可以找到很多示例來說明如何使用它。你相信有人會免費實施你的確切要求嗎？ jqGrid在鍵盤導航過程中保存單元格。如果您需要將其保存在'focusout'或'blur'上，則可以將您的事件處理程序與[editoptions]的[dataEvents'屬性相關聯（http://www.trirand.com/jqgridwiki/doku.php?id = wiki：common_rules＃editoptions）並顯式調用'saveCell'。 – Oleg

okk，明白了，所以這是一個免費的第三方控制？ –

jqgrid內聯編輯只在選定的單元格，而不是行

回答

相關問題