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

그리드에서 라디오박스 문의드립니다. > Q&A | 토론

본문 바로가기

VueJS 그리드에서 라디오박스 문의드립니다.

페이지 정보

작성자 rmk2010 작성일 2023-08-10 08:24 조회 281회 댓글 0건
제품 버전 : VueJS
컨트롤 이름 : VueJS

본문

안녕하세요

wj-flex-grid 에서 맨앞 칼럼은 보통 selector로 체크박스를 사용하던데요..

체크박스 대신 라디오박스를 사용해서 1개의 row선택시 해당 row의 특정값을 가져오는

기능을 구현하려고 합니다.

맨앞 칼럼에 라디오박스 칼럼을 사용하려면 어떤식으로 구현을 하는지 방법 알고 싶습니다.

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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: 그리드에서 라디오박스 문의드립니다.

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

페이지 정보

작성자 GCK루시 작성일 2023-08-11 09:33 댓글 0건

본문

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


문의하신 기능을 구현하기 위해서는 먼저 열의 사용자 정의 콘텐츠를 정의할 수 있는 cellTemplate을 이용하여 라디오 버튼을 개별적으로 생성하고 원하시는 열에 추가해줍니다.


그 다음 그리드에 클릭 이벤트를 추가하고 클릭한 행 인덱스 정보를 저장해줍니다. 여기서 input의 checked 속성에 boolean 값과 행 인덱스 정보를 가지고 checked 여부를 결정하고 있습니다. 더불어 클릭한 행의 정보를 콘솔 창에서 확인할 수 있으며 자세한 코드는 아래 샘플을 참고하시기 바랍니다.



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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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