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

Grid Combox DataMap변경시 다른row의 display값은 그대로 유지하는방법 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS Grid Combox DataMap변경시 다른row의 display값은 그대로 유지하는방법

페이지 정보

작성자 sunny 작성일 2021-03-16 13:44 조회 5,212회 댓글 0건
제품 버전 : Wijmo Library 5.20203.766
컨트롤 이름 : Grid Combox

본문

안녕하세요 그리드의 콤보박스 datamap에 대해서 문의드립니다. 


아래처럼 초기 datamap세팅을하고 이벤트(rowchange)에따라서 다른datamap을 세팅해주고 싶은데

아래처럼 이벤트후 삼성,엘지로 되어있는 새로운 datamap으로 세팅을해주면

그리드 리스트 값들중에 compCode 의 value가  'SK'인 데이터의  display값이 '에스케이'로 되어있던것이  

--> 'SK' 코드값으로 display되어버립니다.


질문 : datamap을 바꾸더라도 이벤트가 발생하지 않은  row의 display값은 변하지 않게하는 방법이 있을까요?


감사합니다.



1. grid initial

<FlexGrid  initialized={_initUserListGrid} 


2. 초기 콤보박스 dataMap 

                     let array = [{code:'SK',codeName:'에스케이'},
                                    {code:'HANWHA',codeName:'한화'}]
                    
                     compDataMap = new DataMap(array'code''codeName');


3. event handller --> 바꿀 dataMap

    const _initUserListGrid = (gridany=> {
        grid.selectionChanged.addHandler((ganyargCellRangeEventArgs=> {
            
            try {
                if(!arg.getRow()) return;
                const dataItem = arg.getRow().dataItem;
                if (arg.getColumn().binding === 'compCode') {
                    
                     let array = [{code:'SAMSUNG',codeName:'삼성'},
                                    {code:'LG',codeName:'엘지'}]
                    
                     arg.getColumn().dataMap = new DataMap(array'code''codeName');
                } 
            }catch(e){log.error(e);}
        });
        
    };

4. 컬럼세팅

<FlexGridColumn header='회사명' binding="compCode" width={100} align={ColumnAlign.center} dataMap={compDataMap} isRequired={true} />
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

2 답변

ReactJS Re: Grid Combox DataMap변경시 다른row의 display값은 그대로 유지하는방법

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

페이지 정보

작성자 GCK루시 작성일 2021-03-17 09:15 댓글 1건

본문

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


먼저, 공유해 주신 내용을 토대로 문제를 재현 해보았습니다.

문의 주신 이슈와 아래 샘플에서 나타나는 이슈가 동일한지 확인 부탁 드립니다.



맞으시다면 현재 해당 이슈에 대해서 확인 중에 있으며 확인이 끝나는 대로 안내 드리도록 하겠습니다. 답변이 늦어지는 점 죄송합니다.

만약 말씀하신 이슈와 다르다면 해당 이슈를 구현하실 있는 샘플 또는 조금 더 디테일한 동작 단계에 대해서 공유해주실 수 있으실까요?

공유해주신 내용을 토대로 도와 드릴 수 있도록 하겠습니다.



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



감사합니다. 

그레이프시티 드림 


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

댓글목록

sunny님의 댓글

sunny 작성일

제 문의가 좀 난해했던것같습니다. ㅎ 다이나믹 데이터 맵 | Dynamic DataMap | getDisplayValues 메소드로 구현이 가능했습니다. 답변 감사드립니다. ~ 수고하세요

ReactJS Re: Grid Combox DataMap변경시 다른row의 display값은 그대로 유지하는방법

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

페이지 정보

작성자 GCK루시 작성일 2021-03-23 17:58 댓글 0건

본문

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


문의 주신 내용에 답변 드리고자 합니다.

해당 이슈가 발생하는 이유는 dataMaps이 열 수준에서 적용이 되기 때문에 발생하는 것입니다. 개별 셀에 대한 dataMap을 설정할 수 없지만 셀에 대해서 서로 다른 매핑된 값을 표시하는 경우, formatItem 기능을 사용하여 필요한 값을 표시할 수 있습니다.


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


 



[formatItem]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#formatitem 


도움말 문서도 전달 드리오니 참고하시길 바랍니다.

 

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



감사합니다. 

그레이프시티 드림 


* 그레이프시티(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.