Cách thực hiện hành động trong jqGrid sau khi thêm hàng mới

Question

có sự kiện trong jqGrid để thực hiện hành động sau khi thêm hàng mới không?

Tôi thấy trong jqGrid wiki có sự kiện afterInsertRow, nhưng dường như nó được kích hoạt bất cứ khi nào jqGrid "chèn" hàng vào bảng trong khi hiển thị bảng.

Sau đó, tôi nên sử dụng những gì khi tôi muốn thực hiện điều gì đó sau khi người dùng "chèn" (lưu) hàng mới? Hoặc, có bất kỳ biến nào có thể cho phép tôi "biết" hàng mới đã được thêm vào không?

Answer 1

Vấn đề chính là để có thể chọn hàng bạn cần biết id của hàng mới. Trong hầu hết trường hợp, id sẽ được tạo ra bởi cơ sở dữ liệu nơi bạn lưu dữ liệu trên máy chủ. Vì vậy, yêu cầu đầu tiên đối với mã máy chủ của bạn là trả lại id trên hàng mới trong phản hồi của máy chủ về thao tác "thêm".

Ví dụ: mã máy chủ của bạn trả về id của hàng của bạn làm phản hồi về thao tác "thêm".

$("#list").jqGrid('navGrid', '#pager', {/*navGrid options*/}, {/*Edit optoins*/}, { 
    /*Add options:*/ 
    reloadAfterSubmit: false, 
    afterSubmit: function (response) { 
     return [true, '', response.responseText]; 
    }, 
    addedrow: "last", // add new row at the end of grid 
    afterComplete: function (response, postdata) { 
     // this.gbox is the string like "#gbox_list" 
     var gridId = this.gbox.substr(6); 
     //if (postdata.oper === "add") { 
     // // highlight the new "added" row 
     // var row = $("#" + $.jgrid.jqID(postdata.id)); 
     // row.effect("highlight", {}, 3000); 
     //} 
     $('#' + gridId).jqGrid('setSelection', postdata.id); 
    } 
}); 

Trong phần nhận xét của afterComplete Tôi thấy làm thế nào bạn có thể sử dụng jQuery UI highlight hiệu lực để làm nổi bật dòng thêm mới (xem the old answer). Nó có thể thay thế cho việc lựa chọn hàng. Bạn cũng có thể sử dụng cả hiệu ứng chọn và tô sáng.

Tùy chọn reloadAfterSubmit: false có ít nhất hai nhược điểm.

1. Nếu sử dụng sử dụng được sắp xếp dữ liệu trong lưới (sortname tham số của jqGrid là không có sản phẩm nào) các hàng của lưới điện sẽ không chính xác được sắp xếp sau hàng mới sẽ được thêm vào như là người đầu tiên hoặc là hàng cuối cùng trong lưới.
2. Nếu lưới có hàng tối đa trên mỗi trang (được xác định bởi tham số rowNum), việc thêm hàng mới sẽ theo sau vào lưới có quá nhiều hàng trên mỗi trang.

Vì vậy, bạn có thể làm như sau

var idToSelect; 

$("#list").jqGrid({ 
    // ... all jqGrid options 
    loadComplete: function() { 
     if (idToSelect) { 
      $(this).jqGrid('setSelection', idToSelect); 
      //$("#" + $.jgrid.jqID(idToSelect)).effect("highlight", {}, 3000); 
      idToSelect = undefined; 
     } 
    } 
}).jqGrid('navGrid', '#pager', {/*navGrid options*/}, {/*Edit optoins*/}, { 
    /*Add options:*/ 
    afterSubmit: function (response) { 
     // save the id of new row. If the format of the data returned from 
     // the server is different you should change the next row 
     // corresponds to the returned data. For example if the server returns 
     // back JSON data in the form {"myId":"123"} you should use 
     // $.parseJSON(response.responseText).myId 
     // instead of response.responseText below 
     idToSelect = response.responseText; 
     return [true, '', response.responseText]; 
    } 
}); 

Trong trường hợp hàng bổ sung mới sẽ được lựa chọn sau quá trình tải của lưới điện.