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 가 리 턴 키 끝 편집 기능 을 실현 하 는 인 스 턴 스 는 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.참고 하 실 수 있 고 많은 응원 부 탁 드 리 겠 습 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

EasyUI 생성 트리, 탭 열기 클릭

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

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

좋은 웹페이지 즐겨찾기