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

클릭 이벤트 추가 후 cell 편집 막힘 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

Wijmo

Q&A | 토론 - PureJS

PureJS 클릭 이벤트 추가 후 cell 편집 막힘

페이지 정보

작성자 flexcheck
프로필 보기 쪽지 보내기
작성일 2023-09-21 13:32 조회 271회 댓글 4건
제품 버전 : 5.20221.857
컨트롤 이름 : click

본문

저희가 checkbox인 selector를 사용하고 

cell Drag가 되어야 해서 selectionMode = "row"를 사용할 수 없습니다.

그런데 cell을 click 할 때 마다 선택된 cell의 row 전체가 색깔이 칠해져야 해서 아래의 코드처럼 구현했습니다.

그런데 같은 cell을 두 번 클릭했을 때 editmode가 나오지 않습니다.


한 번 click 할 때 row 전체 색깔이 바뀌고

수정이 가능한 cell 에서는 두 번 click하게 되면 editmode가 실행되어야 합니다. 

(selectionMode = "row" 사용불가)



See the Pen 셀 수정 null by 이현명 (@xoqacpbo-the-sasster) on CodePen.

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

댓글목록

GCK루시님의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

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

문의하신 내용의 경우, 셀 드래그도 사용한다고 하셨는데 셀 드래그 시에는 셀 색깔 변화는 별도로 없으신 걸까요? 정확한 답변을 위해 디테일한 단계 및 내용 확인 부탁드립니다.

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

flexcheck님의 댓글

flexcheck
프로필 보기 쪽지 보내기
작성일

네! 셀 색깔 변화는 별도로 없습니다.
.wj-state-multi-selected 색깔 그대로 사용합니다.

GCK루시님의 댓글의 댓글

GCK루시
프로필 보기 쪽지 보내기
작성일

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

문의하신 내용은 확인 중에 있으며 업데이트되는 대로 안내드리도록 하겠습니다.

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

1 답변

PureJS Re: 클릭 이벤트 추가 후 cell 편집 막힘

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

페이지 정보

작성자 GCK루시
프로필 보기 쪽지 보내기
작성일 2023-09-25 16:48 댓글 0건

본문

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


해당 현상과 관련하여 hitTestInfo를 통해 그리드가 편집 모드인지 여부를 확인한 뒤 이를 바탕으로 클릭 이벤트 내부의 행 배경색을 설정해보시기 바랍니다. 아래 간단한 코드 공유드리오니 참고 부탁드립니다.


theGrid.hostElement.addEventListener("click",function(e){
    var ht = theGrid.hitTest(e); // 클릭한 영역 정보 가져오기
     
   //그리드가 editMode인지 확인하기
    if(ht.panel.cellType === 1 && !theGrid.editRange){ 
       if (!!curSelectedRow) {
         curSelectedRow.cssClass = '';
         //theGrid.startEditing(true, ht.row, ht.col);
       }
      if (ht.row >= 0) {
        curSelectedRow = theGrid.rows[ht.row];
        curSelectedRow.cssClass = 'cur-selected-row';
      }
    }
})


- hitTest API 문서


관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

그레이프시티 드림


댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

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