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

CellClick > Q&A | 토론

본문 바로가기

PureJS CellClick

페이지 정보

작성자 딸기 작성일 2021-11-08 17:05 조회 2,576회 댓글 0건
제품 버전 : Wijmo Library 5.20212.808

본문

92c3d4b48b041b582936707b3c2246be_1636358744_0451.png
 

cell을 클릭했을 때 위 이미지의 두번째 행처럼 행이 선택되며 체크박스가 체크되었으면 좋겠습니다.


theGrid.invalidate(true); 를 사용하였더니 selectionMode: 'Row', 이 작동하지 않습니다.

-> ajax 통신후 데이터 바인딩을 하는 과정에서 설정이 초기화 되는 현상이 있었습니다. 그래서 ajax 호출 후 설정을 해서 해결하였습니다.


cell을 클릭했을때 체크박스가 체크되는 방법만 알려주시면 감사하겠습니다.

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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: CellClick

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

페이지 정보

작성자 GCK루시 작성일 2021-11-09 10:09 댓글 1건

본문

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


문의 주신 내용에 답변 드립니다.


그리드 셀 클릭 시, 체크박스가 선택되도록 구현하기 위해서 그리드의 컨트롤을 호스팅하는 DOM 요소를 가져오는 hostElement 요소에 click 이벤트를 추가한 뒤, 해당 이벤트 내에서 동작을 제어하면 됩니다.

먼저 해당 그리드를 클릭 시, hitTest 메서드를 통해 현재 클릭 한 포인트의 정보를 가져옵니다. 해당 클릭한 지점이 셀인지 확인 후, 열/행의 선택 유무를 가져오거나 결정하는 isSelected 속성이 false이면 true로 할당합니다. 마지막으로 refresh 메서드를 사용하여 해당 값의 변경이 뷰에 반영되도록 해주시면 됩니다.

자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.



 


- hostElement : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#hostelement

- hitTest : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#hittest

- CellType : https://demo.grapecity.co.kr/wijmo/api/enums/wijmo_grid.celltype.html

- isSelected : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.row.html#isselected


도움말 문서를 같이 전달 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 


감사합니다. 

그레이프시티 드림 



* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다

댓글목록

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