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

각 row별 각각의 선택지가 적용된 Select Box 생성 > Q&A | 토론

본문 바로가기

기타 각 row별 각각의 선택지가 적용된 Select Box 생성

페이지 정보

작성자 나기 작성일 2023-09-08 02:45 조회 811회 댓글 0건
제품 버전 : 5.20221.857

본문

안녕하세요.


Grid에서 Select Box의 Option 선택지가 동적으로 세팅이 되는 기능을 구현하고 싶습니다.


일단 서버로 부터 받은 데이터가 아래와 같다고 가정하겠습니다.


1번째 row의 특정 컬럼 값 => [{value: a, name : first}, { value: b, name: second}]

2번째 row의 특정 컬럼 값 => [{value: 1, name : 처음}]

.

.

.



1. grid에서 List<Map<String, String>> 형식의 데이터를 binding 받아올수 있나요??


2. 위 데이터 값을 바탕으로 하여 cell에 SelectBox를 생성하고자 하는데,

첫번째 row의 '순서' 컬럼에는 SelectBox가 생성되며, option 갯수와 값은 특정 컬럼 값을 따릅니다.

 = > 선택지 2개( <option value='a'>first</option>, <option value='b'>second</option>)

두번째 row도 마찬가지로 '순서'컬럼에 SelectBox가 생성됩니다.

=> 선택지 1개 (<option value='1'>처음</option>)

.

.

.






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

댓글목록

등록된 댓글이 없습니다.

2 답변

기타 Re: 각 row별 각각의 선택지가 적용된 Select Box 생성

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

페이지 정보

작성자 GCK루시 작성일 2023-09-12 11:31 댓글 1건

본문

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


문의하신 내용에 대해 안내드립니다.


1. FlexGrid의 ComboBox에 객체 배열 데이터 바인딩 가능 유무

=> 먼저 ComboBox에 객체 배열을 바인딩 할 수 있으며 이 때 displayMemberPath를 설정해주셔야 합니다. 관련되어 데모 및 아래 샘플을 참고하여 주시기 바랍니다.


2. ComboBox가 생성된 열에서 행마다 다른 데이터 바인딩하는 방법

  =>  해당 기능을 구현하기 위해서는 셀 편집 모드 들어가기 전 발생하는 beginningEdit 이벤트를 이용하여 편집기의 itemsSource 속성을 동적으로 업데이트 처리해줍니다. 더불어 셀 편집이 끝날 때 발생하는 cellEditEnding 이벤트에서 편집기에서 선택한 값을 기반으로 셀 값을 업데이트해주시면 됩니다. 자세한 코드는 아래 샘플에서 확인하실 수 있습니다.



displayMemberPath API 문서

combobox 객체(개요) 데모

- beginningEdit API 문서

- cellEditEnding API 문서


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


감사합니다.

그레이프시티 드림


댓글목록

매력맘님의 댓글

매력맘 작성일

안녕하세요  combobox가 mulltiselect인 경우
여러개를 선택했을 때 해당 셀에 텍스틀 변경해주고 싶습니다.
Celleditending 함수에서
e.cell.textcont = row.dataItem[col.binding].map식의
값을 ,로 해서 표현주고 싶은데
e.cell 자체가 접근오류가 나서요
어떻게 해야 할  지 조언부탁드립니다.

기타 Re: 각 row별 각각의 선택지가 적용된 Select Box 생성

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

페이지 정보

작성자 GCK루시 작성일 2023-09-15 10:53 댓글 0건

본문

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


문의하신 내용의 경우, 먼저 각 이벤트 별로 전달되는 두 번째 파라미터가 조금씩 상이하기 때문에 발생한 이슈로 확인됩니다. cellEditEnding 이벤트의 두번째 파라미터인 CellEditEndingEventArgs에는 cell 속성이 없습니다. 추후 이슈를 방지하기 위해서는 API 문서 활용 및 디버깅을 통해 올바른 속성 값에 대해서 접근 및 사용 부탁드립니다. 


관련하여 multiSelect의 text 설정의 경우, 아래 formatItem 이벤트를 이용하여 구현하실 수 있으며 자세한 코드는 샘플에서 확인하시길 바랍니다.



- formatItem API 문서

- cellEditEnding API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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