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

grid autoheight 최소 높이 설정 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

Wijmo

Q&A | 토론 - Angular

Angular grid autoheight 최소 높이 설정

페이지 정보

작성자 치카치카
프로필 보기 쪽지 보내기
작성일 2023-11-27 09:59 조회 131회 댓글 2건
제품 버전 : 5.20222.877
컨트롤 이름 : wj-flex-grid

본문

안녕하세요 


2가지의 문의 사항이 있어 문의 드립니다. 


1. 위즈모 그리드에서 autoRowHeights 를 true 로 설정하여 사용 중 인데 최소 높이를 설정할 수 있는지 문의 드립니다. 


그리드에시 행추가를 하여 내용을 작성 중일때 자동으로 높이 조절이 되지만 그 시점이 내용이 작성이 되고 포커스 아웃이 되었을때 높이 조절이 되다 보니 그리드의 기본 높이(글자 한글자 높이)에서 내용을 작성해야해서 내용확인이 어려움이 있습니다. 

 그래서 높이의 최소값을 주어 기본 높이가 그높이가 되도록 설정할 수 있는지 문의 드립니다. 


2. 그리드에서 줄바꿈을 했을때는 높이 조절이 안되고 어떤 글자나 숫자를 입력을 해야 높이가 적용이 되는데 줄바꿈 자체만으로도 높이가 조절이 되게 가능 한지 문의 드립니다. 


감사합니다. 


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

댓글목록

치카치카님의 댓글

치카치카
프로필 보기 쪽지 보내기
작성일

기본사이즈 설정으로 설정을 하면 행추가시 최초에는 세팅이 되는데 내용을 아무것도 입력을 하지 않고 포커스 아웃이 되면 다시 원래 사이즈로 변경이 됩니다. 

제가 문의드렸던 내용은 defaultSize로 값을 주면 포커스 아웃이 되어도 그값을 그대로 유지하고 싶습니다. 

여기서의 필수적인 요소는 autoRowHeights는  true 입니다.

MESCIUS루시님의 댓글의 댓글

MESCIUS루시
프로필 보기 쪽지 보내기
작성일

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

유선으로 말씀드린 것과 같이 CSS를 적용한 최소 높이 설정과 관련하여 답변 글로 안내드릴려고 했으나 유선상 내용을 종합하여 저희 쪽에서 재확인했을 때 치카치카님의 요구사항에서 좀 더 사용자 정의할 부분이 생겨 본사 개발팀에 리포팅한 상황입니다. 혼동을 드려 죄송합니다. 관련하여 업데이트가 되는대로 안내드리도록 하겠습니다.

감사합니다.
메시어스 드림

4 답변

Angular Re: grid autoheight 최소 높이 설정

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

페이지 정보

작성자 MESCIUS루시
프로필 보기 쪽지 보내기
작성일 2023-11-27 15:55 댓글 1건

본문

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


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


1. Wijmo 그리드 행의 기본 높이를 설정하는 방법

=> 그리드 행의 최소 높이를 설정하는 방법으로 CSS를 설정하는 방법과 rows 컬렉션의 defaultSize를 설정하는 방법이 있습니다. 아래 데모 및 코드를 참고하여 주시기 바랍니다.


a. 행 높이 데모 (CSS 설정)

b. defaultSize 설정하는 방법

initializeGrid(s) {
  s.rows.defaultSize = 80;
}

2. 그리드 텍스트 입력없이 줄바꿈 처리 시, 높이 조절 반영 방법 문의

=> 해당 문의의 경우, 확인 중에 있으며 업데이트가 되는대로 안내드리도록 하겠습니다.


감사합니다.

메시어스 드림

댓글목록

삭제된 댓글

치카치카
프로필 보기 쪽지 보내기
작성일

삭제된 댓글 입니다.

Angular Re: grid autoheight 최소 높이 설정

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

페이지 정보

작성자 MESCIUS루시
프로필 보기 쪽지 보내기
작성일 2023-11-29 11:09 댓글 0건

본문

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


2번 문의와 관련하여 아래 답변 글을 참고하여 주시기 바랍니다.


- 그리드 multiLine 컬럼 및 MultiAutoComplete 관련 문의 


유선으로 autoRowHeights 속성을 사용하셔야 한다고 하셨으나 위 답변 글에서도 언급드렸듯이 기본 기능이 아닌 커스터마이징을 해야하기 때문에 autoRowHeights 속성 대신에 수동으로 autoSize 처리를 해야 한다고 합니다.


원하시는 답변을 드리지 못해 죄송합니다. 


다만 초기에 길이가 각기 다른 데이터가 바인딩될 때, autoSizeRows 메서드를 호출하여 행의 크기를 자동으로 설정하고 있으니 참고 부탁드립니다.


더불어 현재 문의가 급증하여 순차적으로 답변 드리고 있으며 1번 문의와 관련하여 업데이트가 되는대로 안내드리도록 하겠습니다.


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

Angular Re: grid autoheight 최소 높이 설정

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

페이지 정보

작성자 MESCIUS루시
프로필 보기 쪽지 보내기
작성일 2023-11-30 17:28 댓글 0건

본문

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


유선으로 문의하신 Wijmo ComboBox에서 항목 선택 시, 팝업창 표시 및 변경 유무와 관련하여 아래 답변 글을 참고하여 주시기 바랍니다.


- WjComboBox 변경 이벤트


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

Angular Re: grid autoheight 최소 높이 설정

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

페이지 정보

작성자 MESCIUS루시
프로필 보기 쪽지 보내기
작성일 2023-12-01 16:27 댓글 0건

본문

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


먼저 문의 답변이 지연된 점 죄송합니다. 


행의 최소 높이 값 지정과 함께 FlexGrid에서 wordWrap과 multiLine 속성을 사용하는 경우, 특정 시점에서 행의 높이가 자동으로 설정된다는 것을 의미하며 최소 행 높이를 유지하기 위해서는 기존의 autoSizeRows 메서드의 기본 기능에 대해서 사용자 지정하셔야 합니다.


사용자 지정 코드에서는 계산된 높이가 더 큰지 또는 기본 높이가 더 큰지를 Math.max() 메서드를 사용하여 각 행에 그에 맞게 높이를 지정할 수 있습니다.


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



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


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

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