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

위즈모 그리드 문의 > Q&A | 토론

본문 바로가기

ReactJS 위즈모 그리드 문의

페이지 정보

작성자 아린c 작성일 2024-02-16 16:43 조회 191회 댓글 0건
제품 버전 : 5.20231.904
컨트롤 이름 : 그리드

본문

* 개발진행에 어려움이 있습니다 빠른 답변 부탁드립니다. 

위즈모 그리드  사용중입니다. 

* 여기 게시판은 비밀글은 작성을 못하나요? 




1.  체크박스 header 병합 ? 

    그리드에 헤더가 2줄인 경우 체크박스 칸 merge 필요

 


46dc3984fcbbca0477e5ae1066f91272_1708069230_3333.png
 



 


 

 

 

2.  그리드 ROW 단위 데이터를 기준으로 편집모드 또는 읽기전용으로 제어 하고 싶은데 init 에서 하는 방법 외에 없는지? 

  → 아래 예제 코드 처럼 isReadOnly 또는 cellClass 등의 값을 해당 row 데이터를 기준으로 삼항연산자 사용하여 처리하고 싶음.

 

        header: 메세지코드,

        binding: 'msgCtn',

        isReadOnly: (params: EditableCallbackParams) => params.data['crudKey'] === CrudCode.CREATE,

        cellClass: (params) => {

          return params.data?.crudKey == CrudCode.CREATE ? 'cellEditing' : '';

        },

        cellRenderer: MessageCellRenderer,



 

 

3. 그리드 내 컴포넌트에 대한 다국어 처리 방법? 

 

→ 사용자가 언어 설정 변경 시 위즈모의 언어설정도 변경돼야함

    위즈모 언어설정을 사용자의 세션 정보를 기준으로 동적 변경할 수 있는 방법이 필요.

     위즈모 다국어 적용 대상

        예시) 필터, 달력

 

       46dc3984fcbbca0477e5ae1066f91272_1708069305_2454.png

 

 

 

 

4. 그리드 컬럼 사이즈 유지

 

→ 화면상에서 그리드 컬럼 사이즈를 사용자가 변경 후 조회버튼 또는 기타 이벤트가 발생했을때 변경된 컬럼 사이즈가 유지되어야함.

column 으로 속성을 사용하는 경우 컬럼 사이즈 유지가 되나 columngroups 속성을 사용하는 경우 유지가 되지 않음.

 

import { FlexGrid } from '@grapecity/wijmo.react.grid';



<felxgrid column=레이아웃 />

<felxgrid

 

columnGroups=레이아웃

 

/>



5. DataMap사용

 mui dialog와 함께 사용 시 드롭다운 마우스클릭으로 값바꾸는거 동작안하는거같아요

    import Dialog from '@mui/material/Dialog';

 




 

 

감사합니다. 

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: 위즈모 그리드 문의

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-02-19 16:19 댓글 0건

본문

안녕하세요 메시어스입니다.


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


1. TopLeft 영역 병합

=> 문의하신 영역은 행 및 열 헤더 사이의 교차점인 TopLeft 영역입니다. 해당 영역을 병합처리하기 위해서는 mergeManager 속성에 병합을 정의하는 객체를 할당하시면 됩니다. 자세한 코드는 아래 샘플에서 확인할 수 있습니다.


샘플에서는 TopLeft 영역 뿐만 아니라 ColumnHeader에 대한 병합도 정의되어 있습니다.




2. 행 단위 isReadOnly 또는 cssClass 설정하는 방법

=> 행의 isReadOnly 또는 cssClass를 설정하기 위해서는 그리드의 row 컬렉션에 접근하여 각 행에 대해서 설정하시면 됩니다. 다만 그리드 정렬과 같은 변화에 대해서 cssClass 속성 값 유지를 위해서 해당 속성은 loadedRows 이벤트 내에서 설정해주시기 바랍니다. 자세한 코드는 아래 샘플에서 확인하시기 바랍니다.


샘플에서는 초기 렌더링이 아닌 버튼 클릭 시, cssClass 및 isReadOnly 속성을 설정하고 있습니다.


 


3. 그리드 컨트롤의 다국어 설정하는 방법

=> 해당 기능을 구현하기 위해서는 지정된 코드로 동기화된 문화 변경을 해주는 changeCultureSync를 이용하시면 됩니다. 아래 샘플 참고해주시기 바랍니다.




4. 그리드 컬럼 사이즈 유지 문의

=> 문의하신 현상과 관련하여 그리드에 바인딩된 데이터의 구조가 조회 및 특정 이벤트 전 후 동일할 경우 columnGroup 과 columns 상관없이 그리드 컬럼 사이즈가 그대로 유지되는 것을 확인할 수 있었습니다. 말씀하신 현상과 관련하여 저희 쪽으로 좀 더 디테일한 내용과 함께 재현 가능한 샘플 프로젝트를 공유해주신다면 재현 및 디버깅 후 답변드리도록 하겠습니다. 


5. Wijmo의 dataMap이 Material-UI의 dialog에서 올바르게 동작되지 않는 현상

=> 해당 현상은 이미 리포팅된 이슈이며 아래 Q&A 글을 참고하여 주시기 바랍니다.

콤보박스 오토컴플리트 문의[재질문]


덧불어 Q&A 게시글은 다른 개발자들과 지식을 나눌 수 있게 오픈하여 운영되오니 이 점 업무에 참고 부탁드립니다.


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

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