JQGrid에서 행 선택 취소 이벤트가 발생했습니다.

Question

JQGrid를 사용하고 있고 "새로 추가"버튼이 정의되어 있습니다.

$(gridId).jqGrid('navButtonAdd', pagerId, { 
    caption: "Add Record", 
    buttonicon: "ui-icon-add", 
    onClickButton: function (id) { 
     var newId = -1; 
     $('#addButton').addClass('ui-state-disabled'); 
     var datarow = { Id: newId, 'Active': true, 'Location': '', 'LabCode': '', 'Crops': '', 'LabManager': '', 'MarkerChoice': '', 'AllowPlates': '', 'AllowTape': '' }; 
     var su = jQuery(gridId).jqGrid('addRowData', newId, datarow, "last"); 
     if (su) { 
      $(gridId).jqGrid('setSelection', newId); 
     } 
    }, 
    position: "last", 
    id: "addButton" 
}); 

보시다시피 버튼을 클릭하면 비활성화되므로 다시 클릭 할 수 없습니다.

$('#addButton').removeClass('ui-state-disabled'); 

하지만이 곳을 할 확실하지 않다 : 내 문제는 사용자가 클릭이 추가되면 그때 추가 버튼을 다시 활성화해야 ESC 명중이다? 선택 취소 된 이벤트 또는 이와 동등한 행을 사용할 수 있습니까?

Answer 1

onSelectRow 방법이 있습니다. 선택한 행을 캡처 할 수 있으며 변경되거나 -1 인 경우 removeClass() 코드로 호출 할 수 있습니다.

var lastSel; 
jQuery("#gridid").jqGrid({ 
... 
    onSelectRow: function(id){ 
     if(id && id!==lastSel){ 
     ... 
     lastSel=id; 
     } 
    }, 
... 
}); 

편집 : 트랩 ESC 키 : Esc 키를 누르면

/* could use window or a specific element if required */ 
$(window).keydown(function(e) { // or keyup, keypress 
     if (e.keyCode == '27') { // ESC 
      e.preventDefault(); 
      // do something with the grid 
     } 
});