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

FlexGrid에 해당셀에 공백 설정 및 색상 설정 > Q&A | 토론

본문 바로가기

기타 FlexGrid에 해당셀에 공백 설정 및 색상 설정

페이지 정보

작성자 nxdev1 작성일 2023-11-16 18:01 조회 154회 댓글 2건
제품 버전 : 5.20231.904
컨트롤 이름 : FlexGrid

본문


위 사진처럼 셀을 클릭했을때 해당 조건에 부합하다면 해당셀 색상과 내용을 바꾸려고 합니다

다시 클릭했을때 해당 셀 정보가 의뢰접수 라면 다시 공백으로 바꾸고 배경색을 삽입하고 싶습니다 

그런대 setCellData로는 공백을 넣을수 없더라구요

아래와 같이 넣게 되면 false값이 return됩니다

그리고 addClass를 사용하여 배경색을 넣고 싶은대 안들어 가구요

답변 부탁드려요

canisterResidualListGrid.setCellData(ht.row, 'inInspectionStatus', '');
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

MESCIUS루시님의 댓글

MESCIUS루시 작성일

안녕하세요 메시어스입니다.

문의하신 내용과 관련하여 공백 처리 시, 'orange-cell' 클래스를 다시 추가해주시는데 초기 그리드 렌더링 시 공백 값에는 기본적으로 'orange-cell' 클래스 적용 및 공백 값을 가진 셀은 별도 배경색이 적용되도록 설정하셨을까요? 아니면 클릭한 셀 중에서 공백을 가진 셀에만 'orange-cell' 클래스를 설정하고 싶으신 걸까요? 관련하여 정확한 답변을 위해 문의드리오니 확인 후 회신 부탁드립니다.

감사합니다.
메시어스 드림

nxdev1님의 댓글

nxdev1 작성일

해당셀의 셀값이 공백일때 한번 클릭시 의뢰구분으로 값이 바뀌고 배경색은 오렌지색
해당 셀값이 의뢰구분인 상태에서 클릭시 공백으로 값이 바뀌고 배경은 파란색
이런식으로 지정해주려합니다

1 답변

기타 Re: FlexGrid에 해당셀에 공백 설정 및 색상 설정

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

페이지 정보

작성자 MESCIUS루시 작성일 2023-11-17 16:14 댓글 0건

본문

안녕하세요 메시어스입니다.


공유해주신 로직상 공백인 셀을 클릭했을 때 "의뢰접수" 텍스트가 입력되고 "blue-cell"클래스가 추가되고 "의뢰접수" 텍스트를 클릭했을 때, 공백이 입력되고  "orange-cell" 클래스가 추가됩니다. 


다만 댓글에서는 공백을 클릭 시, '의뢰구분'이라는 텍스트 입력과 오렌지색 배경색이 적용된다고 하셨는데 해당 로직과 클래스를 다시 한 번 확인하시고 샘플을 직접 수정해서 사용하시길 바랍니다.


더불어 확인을 위해 확인 요청을 드렸던 사항은 초기 그리드 렌더링 시 셀이 클릭된 유무와 상관없이 공백일 때 기본적으로 배경색이 적용되는 기능을 원하시는지 문의드렸던 내용이었습니다. 해당 내용에 대한 답변이 클릭 시에만 배경색이 적용되는 것으로 이해되어 해당 조건을 바탕으로 샘플을 제작했으니 참고 부탁드립니다.


셀 클릭 이벤트 시, setCellData 이벤트를 이용하여 값을 입력 후, 클래스가 유지되기 위해서는 formatItem 이벤트 내에서 클래스를 추가해주셔야 합니다. setCellData를 이용하여 공백 값을 넣기 위해서는 해당 열의 isRequired 속성을 false로 설정하 더블 클릭 시, 편집이 제한되는 것을 막기 위해서 beginningEdit 이벤트를 이용하였습니다. 


더불어 hitTest 메서드를 통해 가져온 hitTestInfo 객체에서는 cell 이라는 속성 값은 없으며 오류 발생을 방지하기 위해서 API 문서를 참고하여 올바른 속성값을 설정해주시기 바랍니다. 


자세한 코드는 아래 샘플에서 확인하실 수 있습니다. 



마지막으로 댓글에 대한 회신으로 아래 이미지와 같이 답변을 클릭하여 대댓글 형식으로 댓글을 주셔야 알림이 옵니다. 대댓글 형식으로 댓글을 주시지 않는 경우 알림이 오지 않아 확인이 늦어져 답변 회신이 늦어질 수 있으니 이 점 업무에 참고 부탁드립니다.


6da47f239586bc88e8dc9114ef9ae78e_1700205079_2369.png


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


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

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