Cách xóa các hàng trong jqgrid

Question

Tôi vừa mới bắt đầu sử dụng jqGrid và tôi muốn xóa các hàng bằng cách sử dụng nút xóa tùy chỉnh. Tôi đang sử dụng đoạn mã dưới đây:

try { 
     var cellValue; 
     var id; 
     jQuery("#editDataGridList").jqGrid({ 
      datatype: "local", 
      width: 900, 
      height: 270, 
      colNames: ['Action', 'Interview id', 'Date of observation', 'Name of enumerator'], 
      onSelectRow: function (id) { 
       debugger; 
       var rowData = jQuery(this).getRowData(id);     
       cellValue = rowData['InterviewId']; 
      }, 
      colModel: [     
       { 
        name: 'actions', index: 'InterviewId', sortable: false, 
        formatter: function (rowId, cellval, colpos, rwdat, _act) { 

         return "<input type='button' id='btnid' value='delete' class='btn' onClick='deleteRecords(" + cellValue + ");' />"; 

        } 
       }, 
       { name: 'InterviewId', index: 'InterviewId' }, 
       { name: 'Date', index: 'Date' }, 
       { name: 'NameOfEnum', index: 'NameOfEnum' } 
      ], 

      multiselect: false, 
      caption: "Edit already entered data" 
     }); 
    } 
    catch (e) { 
     alert(e.message); 
    } 

Đoạn mã trên sử dụng cuộc gọi chức năng này để vượt qua giá trị hàng đã chọn để xóa

function deleteRecords(rowData) { 
    alert(rowData); 
} 

Thật không may là giá trị hàngDữ liệu là không xác định. Làm cách nào để sử dụng cùng một cấu trúc để xóa các hàng?

Answer 1

Tôi đã tìm được giải pháp cho vấn đề của riêng mình.

formatter: function (rowId, cellval, colpos, rwdat, _act) { 
     var rowInterviewId = colpos.InterviewId.toString(); 
     return "<input type='button' id='" + rowInterviewId + "' value='delete' class='btn' 
     onClick='deleteRecords(this)' />";  
} 

tôi chỉ chuyển thông tin này như một tham số cho sự kiện onclick nút và trên các cuộc gọi chức năng này có tất cả các đặc tính tôi cần từ nút nhưng một trong những quan trọng nhất là nút id là id phỏng vấn của hàng mà nút đó thuộc về.

Answer 2

bạn có thể xóa hàng sử dụng

$('#editDataGridList').jqGrid('delRowData',rowid); 

Answer 3

Biến cellValue không được định nghĩa trong phạm vi tương tự như định dạng xóa của bạn. Bạn có thể thử hai điều:

1. Chuyển đối số rowId từ trình định dạng của bạn sang chức năng xóa thay vì cellValue.
2. Khai báo biến ngoài phạm vi của BOTH chức năng và sau đó đặt biến đó thành giá trị ID của hàng đã chọn trong trình xử lý onSelectRow của bạn.