! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

Selector 체크된 상태에서 셀 복사/붙여넣기 및 지우기 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS Selector 체크된 상태에서 셀 복사/붙여넣기 및 지우기

페이지 정보

작성자 올트NHJ 작성일 2023-05-18 16:21 조회 628회 댓글 1건
제품 버전 : 5.latest
컨트롤 이름 : FlexGrid

본문

첨부파일

Selector 로 체크되어 있는 행이 있는 경우


1. Ctrl+C/V

복사하려는 셀에서 Ctrl+C 로 복사하더라도 Ctrl+V 로 붙여넣기하면 제가 복사한 셀이 아닌 Selector 로 선택되어 있는 행 전체가 붙여넣기 됩니다.

복사할 때마다 체크되어 있는 행을 체크해제할 수 없는 상황인데 이 부분 해결이 가능할까요?


2. Delete

지우고자 하는 셀이 Selector 로 선택되지 않은 경우 키보드 Delete 키로 바로 지워지지 않고 편집모드로 들어가야 지워집니다.

이 때문에 여러 셀의 내용을 한꺼번에 지울 수 없고 일일이 더블클릭으로 셀을 편집모드로 전환한 다음 하나하나 지워야하는데 이 부분도 해결이 가능할까요?


확인 부탁드립니다.

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

GCK루시님의 댓글

GCK루시 작성일

안녕하세요 그레이프시티입니다.

문의하신 내용의 경우, 저희 쪽에서 확인 중에 있으며 업데이트되는 대로 안내드리도록 하겠습니다.

감사합니다.
그레이프시티 드림

1 답변

PureJS Re: Selector 체크된 상태에서 셀 복사/붙여넣기 및 지우기

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2023-05-23 10:37 댓글 0건

본문

안녕하세요 그레이프시티입니다.


답변이 지연된 점 죄송드리며 문의 안내드립니다.


1. Selector 컨트롤로 체크 후 셀 복사 붙여넣기 시, 행 전체가 붙여넣어지는 이슈

=> 해당 이슈를 해결하기 위해서는 copying 이벤트를 이용하여 기본 동작을 방지하고 Clipboard의 copy 메서드를 사용하여 현재 선택된 셀 데이터가 복사될 수 있도록 설정해주시기 바랍니다.

  //복사 붙여넣기
  theGrid.copying.addHandler((s, e) => {
    //기본 동작 취소
    e.cancel = true;
    //현재 선택된 셀 값 가져오기
    let selectedCellData = s.getCellData(e.row, e.col);
    if (selectedCellData) {
  wijmo.Clipboard.copy(selectedCellData.toString());
    }
  });


2.  Selector 컨트롤로 체크 후 셀 삭제가 바로 처리되지 않는 이슈

=> FlexGrid의 hostElement에서 keydown 이벤트 리스너를 추가한 다음 셀에서 delete 키를 눌렀을 때 기본 동작을 방지해줍니다. 그 다음 셀 삭제에 빈 문자열 또는 null을 설정하시면 됩니다.


// 지우기
  theGrid.hostElement.addEventListener(
    'keydown',
    (e) => {
      if (e.key == 'Delete') {
        //기본 동작 방지
        e.preventDefault();
        let range = theGrid.selection;
        //isRequired가 false인 문자열 열 값에 빈 문자열 설정
        theGrid.setCellData(range.row, range.col, '');
      }
    },
    true
  );


아래 간단한 샘플 및 API 문서를 공유드리오니 참고 부탁드립니다.


 


- copying API 문서

- getCellData API 문서

- setCellData API 문서

- Clipboard API 문서



다른 궁금한 점이 생기면 문의 주시기 바랍니다.


감사합니다.

그레이프시티드림


댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.