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

dataMap 컬럼 color 지정 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS dataMap 컬럼 color 지정 문의

페이지 정보

작성자 Nexus 작성일 2024-03-25 15:56 조회 33회 댓글 0건
제품 버전 : 2022v1
컨트롤 이름 : dataMap

본문

안녕하세요


https://wijmo-js-demo.web.app/02-Grid/05-CustomCells/01-CellTemplates/02-CustomTasks 예제를 참고해서 하기와같이 아이콘 컬럼에 색상코드를 넣었는데 

색상이 적용이 되지않습니다.


 

column은 

        { binding: 'icon', header: '아이콘', width: 80 , align: 'center',
dataMap: iconDataMap,
cellTemplate: '<span class="color-tile" style="background:${value}"></span> ${value}'},


이렇게 만들어놓았습니다.


색상을 cell에 표시해주는것과 더불어 dataMap의 드랍다운 내에도 색상코드가 아니라 실제 색상을 선택하게도 할수 있을지 함께 문의드립니다.


감사합니다.


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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: dataMap 컬럼 color 지정 문의

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-03-26 11:41 댓글 1건

본문

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


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


1. dataMap의 색상 타일 표시 문의

=> 타일이 표시하기 위한 color-tile 클래스의 CSS 설정이 되어 있지 않아 해당 현상이 나타난 것으로 파악됩니다. 따라서 데모 및 아래 코드와 같이 타일에 대한 CSS를 설정해주시기 바랍니다.


.color-tile {
    display: inline-block;
    position: relative;
    width: 1.33333333em;
    height: 1em;
    vertical-align: middle;
    border: 1px solid grey;
}

 

2. 실제 색상을 선택 가능하게 해주는 컨트롤 문의

=> 해당 기능은 편집기 및 InputColor 컨트롤을 이용하여 구현할 수 있습니다. 관련하여 아래 데모를 참고하여 주시기 바랍니다


- 사용자 정의 편집기 데모


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


감사합니다.

메시어스 드림

댓글목록

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