easyui-edtagrid.js 리 턴 키 끝 편집 기능 의 인 스 턴 스 실현

easyui 의 편집 가능 한 표 는 리 턴 이벤트 가 없습니다.이 때문에 edtagrid 는 편집 을 끝 낼 때 다른 줄 을 클릭 하거나 표를 누 르 지 않 으 면 편집 줄 을 취소 하지 않 습 니 다.
편집 을 끝 내 는 작업 을 더욱 간단하게 하기 위해 저 는 모든 셀 에 리 턴 이 벤트 를 추 가 했 습 니 다.리 턴 할 때 본 줄 의 편집 을 끝 냅 니 다.구체 적 인 방법 은 edtagrid 의 onDblClickCell 이 벤트 를 다시 쓰 는 것 입 니 다.다음 과 같 습 니 다.

onDblClickCell : function(index, field, value) {
 if (opts.editing) {
  $(this).edatagrid('editRow', index);
  focusEditor(field);
  //         
  var currentEdatagrid = $(this);
  $('.datagrid-editable .textbox,.datagrid-editable .datagrid-editable-input,.datagrid-editable .textbox-text').bind('keydown', function(e){
       var code = e.keyCode || e.which;
       if(code == 13){
       $(currentEdatagrid).datagrid('acceptChanges');
       $(currentEdatagrid).datagrid('endEdit', index);
       }
    });
  //      
 }
 if (opts.onDblClickCell) {
  opts.onDblClickCell.call(target, index, field,value);
 }
},

onEnterCell 사건 을 따로 추가 할 수도 있 고 이 사건 에서 처리 하면 유연성 이 더욱 강하 다.이렇게 하면 onEnter Cell:function(index){}을 호출 할 수 있 습 니 다.
이상 의 이 easyui-edtagrid.js 가 리 턴 키 끝 편집 기능 을 실현 하 는 인 스 턴 스 는 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 실 수 있 고 많은 응원 부 탁 드 리 겠 습 니 다.