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

그리드 헤더 강제 줄바꿈 처리 문의 입니다. > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS 그리드 헤더 강제 줄바꿈 처리 문의 입니다.

페이지 정보

작성자 토끼바람 작성일 2021-08-11 16:50 조회 4,160회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : FlexGrid

본문

이전에 그리드 헤더에서 강제로 줄바꿈처리하는것을 문의 하여 


if (eventObject.panel === sender.columnHeaders) {

            eventObject.cell.innerHTML = eventObject.cell.textContent;

        }

        

이런 방식이 있다고 답변을 받았습니다.


문제는 innerHTML 로 처리를 하고 나서 확인해보니 정렬이라던가 필터가 헤더에 표시되지 않는 문제가 발생합니다.

단순히 줄바꿈만 하고 필터 나 정렬 표시는 그대로 유지 할 수 있는 방법은 없는지 다시 문의합니다.


단순하게 강제적으로 헤더 글자를 2~3줄로 표시가 가능할까요?



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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: 그리드 헤더 강제 줄바꿈 처리 문의 입니다.

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

페이지 정보

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

본문

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


만일, 필터 및 정렬 아이콘이 나오지 않으실 경우,  formatItem 이벤트 내에서 해당 아이콘에 대한 HTML 요소들을 설정한 뒤, innerHTML 추가하여 주시길 바랍니다. 정렬의 경우, 오름차순, 내림차순에 따라, column의 현재 적용된 정렬의 상태를 보여주는 currentSort 속성 값에 따라 class가 변경됩니다. 아래 코드를 참조하여 주시길 바랍니다.


var filterIcon = '<div style="width:auto;float:right;" role="button" class="wj-elem-filter wj-filter-off"><span class="wj-glyph-filter"></span></div>';
;
e.cell.innerHTML += filterIcon; // filter 아이콘 추가
  
if(s.columns[e.col].currentSort === "+"){ // 정렬 설정 
    e.cell.innerHTML += `<span class="wj-glyph-up"></span>`;
} else if (s.columns[e.col].currentSort === "-"){
    e.cell.innerHTML += `<span class="wj-glyph-down"></span>`;
}


[currentSort]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.column.html#currentsort 


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


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


감사합니다. 

그레이프시티 드림 


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