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

vue3 에서 사용중인 wj-flex-grid 의 row 행에 combo chaining 관련 문의 드립니다. > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS vue3 에서 사용중인 wj-flex-grid 의 row 행에 combo chaining 관련 문의 드립니다.

페이지 정보

작성자 그룻 작성일 2023-03-30 11:15 조회 1,173회 댓글 0건
제품 버전 : @grapecity/wijmo.vue2.grid
컨트롤 이름 : wj-flex-grid

본문

wj-flex-grid 그리드 내에서 공통 코드 에 등록된 그룹코드, 상세코드를 가져와서
grid 상에서 그룹코드 기준으로 combo chaining 처리(그룹코드를 포함한 상세코드 filtering) 하려고 하는데


DataMap의 경우 상세코드로 사용하는 값이 중복되는 경우 상세코드 전체 값을 가져오지 못하는 현상이 발생합니다.

상세 코드 등록시 임의로 등록하여 상세코드는 중복이 될수 밖에 없습니다.


공통코드


그룹코드            상세코드

A              A     1    A상세코드1       <- Datamap 처리시 filtering 표시 o

               A      2    A상세코드2      <- Datamap 처리시 filtering  표시 o



B             B  1     B상세코드1   <- Datamap 처리시 filtering 표시 x

               B  2     B상세코드2   <- Datamap 처리시 filtering 표시 x


이경우 combo editor 를 사용해서 각 row별로 이벤트를 받아 상세코드 셀에 데이터를 조회 처리 하는게 가능한지 문의드립니다.



export default {
name: "app",
data: function () {
return {
data: _getData(),
grid: null,
countries: getCountries(),
editors: {
countryCombo: new ComboBox(document.createElement("div"), {
itemsSource: getCountries(),
selectedIndexChanged: function (s, e) {
console.log(1);
getSelectedIndexChanged();
},
textChanged: function (s, e) {
console.log(2);
gettextChanged();
},
}),
},
};
},
 
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

3 답변

VueJS Re: vue3 에서 사용중인 wj-flex-grid 의 row 행에 combo chaining 관련 문의 드립니다.

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

페이지 정보

작성자 GCK루시 작성일 2023-03-30 16:00 댓글 0건

본문

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


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

Column의 editor 속성을 이용하여 chaining 콤보박스 및 그룹 열 값에 따른 상세 열 값의 변경을 위해서는 데이터 관리 클래스인 CollectionView를 통해 데이터 필터링과 함께 변경 후, 상세 콤보박스의 데이터를 refresh 해주시면 됩니다.


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



- currentChanged API 문서

- refresh API 문서


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

VueJS Re: vue3 에서 사용중인 wj-flex-grid 의 row 행에 combo chaining 관련 문의 드립니다.

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

페이지 정보

작성자 그룻 작성일 2023-03-30 17:48 댓글 1건

본문

첨부파일

답변감사 드립니다.

요건 정리해서 첨부파일로 보내드립니다.
감사합니다. 수고하세요.

댓글목록

GCK루시님의 댓글

GCK루시 작성일

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

정보 공유 감사드리며 내용 확인 후 업데이트가 되는 대로 문의 내용에 대해 안내 드릴 수 있도록 하겠습니다.

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

VueJS Re: vue3 에서 사용중인 wj-flex-grid 의 row 행에 combo chaining 관련 문의 드립니다.

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

페이지 정보

작성자 GCK루시 작성일 2023-04-10 17:21 댓글 0건

본문

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


먼저 문의 답변이 지연되어 죄송합니다.


관련하여 해당 기능을 구현하기 위해서 ComboBox와 DataMap을 함께 사용하여 열에 대한 사용자 지정 편집기를 생성하셔야 합니다. 그리드의 itemsSource에 country/city 코드가 사용되며 DataMap을 통해 실제 이름으로 매핑하고 ComboBox를 사용자 지정 편집기에서 'selectedValuePath' 속성을 설정하며 'trackChanges'도 활성화됩니다.


더불어 FlexGrid의 'beginningEdit' 이벤트를 처리하여 편집기의 항목소스를 업데이트하고 부모 Combobox의 'selectedIndexChanged' 이벤트를 처리하여 ComboBox에서 선택된 값을 업데이트할 수 있습니다.


아래 샘플을 공유드리오니 참고 부탁드립니다.



- beginningEdit API 문서

selectedIndexChanged API 문서


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


감사합니다.

그레이프시티 드림 

댓글목록

등록된 댓글이 없습니다.

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