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

FlexGrid 에서 showMarquee 와 mergeManager를 동시에 사용할 경우 헤더 병합이 되지 않는 문제 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS FlexGrid 에서 showMarquee 와 mergeManager를 동시에 사용할 경우 헤더 병합이 되지 않는 문제 문의

페이지 정보

작성자 토끼바람 작성일 2021-08-09 10:36 조회 3,827회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : FlexGrid

본문

첨부파일

문의 내용에 대해서 확인이 필요하시다고하여 화면과 설명을 다시 드립니다.


6e8db85784f4fb2821035c5a91269569_1628470774_7467.png


위와 같은 화면을 개발하였고 UI에서 이루어지는 기능에 대해서 가능 여부에 대한 문의 입니다.


1. Header를 보면 년월이 표시되는 영역(2021-05-03 (W18), 2021-05-03 (W18)..)을 병합하고

  데이터에서도 보면 첫번째 컬럼이 병합하고자 합니다.

  그래서 mergeManager와 showMarquee를 이용해서 헤더를 병합하고 데이터 영역의 컬럼을 병합하려고 했떠니

  데이터 영역의 컬럼은 병합되지만 헤더가 병합되지 않는 문제가 있습니다.


2. Show All  / Hide All 버튼 기능으로 Show  All 일 경우에는 이미지처럼 컬럼이 전부 보이고 Hide All 하면

   Company| Division | 년- 월- 일 (주차) | 년- 월- 일 (주차) |

                         | DFR               | DFR               |

   와 같이 OEF 컬럼과 SRI 컬럼을 숨김 상태로 처리하고 싶습니다.


해당 소스와 화면을 같이 첨부 합니다.

필요하신 사항이 있으시면 연락을 부탁드립니다  (010-7113-0823)  


감사합니다. 


-------------------------------------------------------------------------------

샘플링한 화면소스를 추가 첨부 합니다. 


위에서도 문의했지만 추가적으로 헤더가 2단 이상이고 컬럼의 숨기고 표시하고를 동적으로 가능하게 할 수있는지도 문의드립니다.



 

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: FlexGrid 에서 showMarquee 와 mergeManager를 동시에 사용할 경우 헤더 병합이 되지 않는 문제…

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

페이지 정보

작성자 GCK루시 작성일 2021-08-17 10:29 댓글 0건

본문

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


먼저 답변이 늦어진 점 죄송합니다.


문의 주신 멀티 헤더 컬럼 설정과 관련하여, FlexGrid에서 사용자 정의 병합을 사용하는 경우, 기본 병합이 작동하지 않게 됩니다. 따라서 Manger에서 명시적으로 열을 병합해주셔야 합니다. 아래 코드와 같이 MergeManger 안에서 열에 대한 allowMerging 속성이 false인 경우 null을 반환하는 코드를 삭제해주신 다음, 열 헤더에 대해서 값이 같을 경우, range 값을 설정하여 병합이 될 수 있도록 처리해주시기 바랍니다.


    // if (!panel.columns[currentCol].allowMerging) {
    //   return null;
    // }
(...)
    if (panel.cellType == wjGrid.CellType.ColumnHeader) { // 열 헤더인 경우,
      for (var i = rng.col; i < panel.columns.length - 1; i++) {
        if (
          panel.getCellData(rng.row, i, true) !=
          panel.getCellData(rng.row, i + 1, true)
        )
          break;
        rng.col2 = i + 1;
      }
      for (var i = rng.col; i > 0; i--) {
        if (
          panel.getCellData(rng.row, i, true) !=
          panel.getCellData(rng.row, i - 1, true)
        )
          break;
        rng.col = i - 1;
      }
    }


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


감사합니다. 

그레이프시티 드림 


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