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

그리드에 이미지 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS 그리드에 이미지

페이지 정보

작성자 pomato 작성일 2024-02-02 13:51 조회 51회 댓글 0건
제품 버전 : 평가버전

본문

그리드에 이미지가 나오도록 바인딩했는데,

해당 영역을 벗어나는 이미지는 다 잘려버리네요.

나오게 하는 방법 없을까요?4a9068fc751692d19d9fed3e7ecd5439_1706849541_6857.png

grid.formatItem.addHandler(function (s, e) {
if (e.panel == s.cells) {
var col = s.columns[e.col];
switch (col.binding) {
case 'pc_image_path':
var url = s.rows[e.row].dataItem['pc_image_path'];
e.cell.innerHTML = '<img src="'+url+'" style="height: 100px;">';
break;
}
}
});
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: 그리드에 이미지

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-02-06 11:10 댓글 0건

본문

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


문의하신 행의 크기 조절을 위해서는 아래 코드와 같이 FlexGrid의 데이터 소스의 항목이 행에 바인딩된 후 발생하는 loadedRows 이벤트 내에서 autoSizeRows 메서드를 호출하시면 됩니다. 

  var theGrid = new wijmo.grid.FlexGrid('#theGrid', {
(,,,,)
    loadedRows: (s) => {
            setTimeout(() => {
                s.autoSizeRows(); // auto-size data rows
            });
        },
    itemsSource: data
  });


추가로 행 크기 관련 데모 또한 공유드리오니 참고하여 주시기 바랍니다.


- 행 크기 자동 조절 데모

- 비동기적으로 행 크기 자동 조정 데모


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


감사합니다.

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

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