Hoàn thiện chỉnh sửa trong jqGrid

Question

tôi sử dụng jqGrid với succes lớn theo cách sau:

1. Dữ liệu được nạp từ máy chủ như JSON
2. Người dùng làm biên tập inline

3. Khi một nút lưu được nhấp vào tất cả dữ liệu được tuần tự hóa bằng cách sử dụng:

   var data = $ ("# mygrid"). getRowData();

   var datajson = JSON.stringify (data);

Vấn đề với aproach này là tôi sẽ lấy các phần tử đầu vào trong dữ liệu json nếu người dùng không nhấn trở lại hoặc di chuyển ra khỏi ô đã chỉnh sửa. Có cách nào để kết thúc chế độ chỉnh sửa i jqgrid?

Answer 1

Bạn có thể sử dụng saveRow để lưu dữ liệu.

Để sử dụng saveRow bạn phải biết id hàng của hàng có thể chỉnh sửa hiện tại. Ví dụ, bạn có thể lưu rowid của chỉnh sửa hiện tại trong một biến (trước khi bạn gọi editRow) và sử dụng giá trị để gọi phương thức saveRow.

CẬP NHẬT: xem the demo. Trước tiên, hãy chọn một số hàng, sửa đổi các giá trị và sau đó nhấp vào nút "Lưu hàng chỉnh sửa hiện tại". Bạn sẽ thấy rằng các thay đổi sẽ được lưu.

Answer 2

tôi đã giải quyết nó bằng cách kích hoạt "KeyDown" ENTER sự kiện trên yếu tố:

editoptions: { 
        dataInit: function(elem) { 
         $(elem).datetimepicker({ 
          dateFormat: "yy-mm-dd", 
          onClose: function(datetimeText, datepickerInstance) { 
           $(elem).trigger($.Event("keydown", { keyCode: $.ui.keyCode.ENTER })) 
          } 
         }); 
        } 
       } 

Answer 3

tôi sử dụng từ xa nộp cho mỗi tế bào, và như tôi đã sử dụng "contenteditable" div cho biên tập viên di động (đối với văn bản nhiều đường) tôi muốn kết thúc chỉnh sửa ô bằng ctrl-enter.

(Dựa trên câu trả lời và How to close cell-editor? Oleg và http://www.trirand.com/jqgridwiki/doku.php?id=wiki:cell_editing)

$(document).ready(function() { 
    var grid,currentCell; 
    $(".jqGrid_wrapper").on("keydown","div[contenteditable]",function (e) { 
     if (e.ctrlKey && e.keyCode == 13) 
     { 
      grid.jqGrid("saveCell",currentCell.iRow,currentCell.iCol); 
      return false; 
     } 

     return true; 
    }); 
    grid=$("#table_list_2"); 
    grid.jqGrid({ 
     url: ... 
     cellEdit: true, 
     cellsubmit: 'remote', 
     cellurl: '..',  

     beforeEditCell: function(rowid, cellname, value, iRow, iCol) { 
      currentCell={ 
        rowid:rowid, cellname:cellname, value:value, iRow:iRow, iCol:iCol 
      } 
     }    
    }); 
});