JqGrid Добавить пользовательскую кнопку в строку

Question

Я пытаюсь добавить пользовательскую кнопку в JqGrid, которая реализует процесс «Check Out». В принципе, каждая строка имеет кнопку «Отъезд», которая, если щелкнуть, должна иметь возможность отправить сообщение на сервер и обновить корзину покупок, а затем изменить текст кнопки на «Отменить проверку». До сих пор у меня есть:

colNames: ['Id', ... , 'Action' ], 
colModel: [ 
{ name: 'Id', sortable: false, width: 1, hidden: true}, 
... 
{ name: 'action', index: 'action', width: 75, sortable: false } 
], 
... 
gridComplete: function() { 
      var ids = jQuery("#east-grid").jqGrid('getDataIDs'); 
      for (var i = 0; i < ids.length; i++) { 
       var cl = ids[i]; 
       checkout = "<input style='height:22px;width:75px;' type='button' value='Check Out' onclick=\" ??? \" />"; 
       jQuery("#east-grid").jqGrid('setRowData', ids[i], { action: checkout }); 
      } 
     }, 
... 

Где ??? " это часть, которую мне нужно решить.

Заранее благодарю вас за помощь.

Answer 1

Мне кажется, что у вас уже есть глобальная функция JavaScript, например MyCheckOut, и назовите ее внутри '???' площадь. Если вы добавите к этой функции дополнительный параметр, например, rowId, то вы можете просто перезаписать содержимое кнопки <input> «действия», чтобы она указывала на новую функцию MyCheckIn и имела соответствующий текст в атрибуте value. Ваш код будет выглядит следующим образом:

MyCheckOut = function (gridId,rowId) { 
    // do Check Out 
    // ... 
    // replace "Check Out" button to "Check In" 
    var checkIn = "<input style='height:22px;width:75px;' type='button' " + 
       "value='Check In' " + 
       "onclick=\"MyCheckIn(jQuery('" + gridId + "')," + 
       rowId + "); \" />"; 
    jQuery(gridId).jqGrid('setRowData', rowId, { action: checkIn }); 
}; 

MyCheckIn = function (grid,rowId) { 
    // do Check In 
    // .. 
    // replace "Check In" button to "Check Out" like in MyCheckOut 
}; 

jQuery("#east-grid").jqGrid({ 
    // ... 
    colNames: ['Id', ... , 'Action' ], 
    colModel: [ 
     { name: 'Id', sortable: false, width: 1, hidden: true}, 
     // ... 
     { name: 'action', index: 'action', width: 75, sortable: false } 
    ], 
    // ... 
    gridComplete: function() { 
     var grid = jQuery("#east-grid"); 
     var ids = grid.jqGrid('getDataIDs'); 
     for (var i = 0; i < ids.length; i++) { 
      var rowId = ids[i]; 
      var checkOut = "<input style='height:22px;width:75px;' " + 
          "type='button' value='Check Out' " + 
          "onclick=\"MyCheckOut('#east-grid'," + 
          rowId + ");\" />"; 
      grid.jqGrid('setRowData', rowId, { action: checkOut }); 
     } 
    }, 
    // ... 
}); 

Если у вас есть как rowId не является целым числом, то вы должны поместить ' с обеих сторон от rowId.