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

wj-flex-grid-column-group에서의 단위 포맷팅 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

VueJS wj-flex-grid-column-group에서의 단위 포맷팅

페이지 정보

작성자 anue 작성일 2022-06-13 09:57 조회 997회 댓글 0건
제품 버전 : vue3.0

본문

<wj-flex-grid-column-group header="매익률" binding="profitMargin" align="center" :width="100" cssClass="ta-r" :format="'p*'"/>


바인딩된 데이터 뒤에 '%' 기호를 표시하기 위해

포맷팅처리 하였으나


0.38 인 데이터가 38.00%로 변경됩니다.

제가 원하는 포맷팅은 0.38% 입니다.


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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: wj-flex-grid-column-group에서의 단위 포맷팅

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

페이지 정보

작성자 GCK루시 작성일 2022-06-14 10:35 댓글 0건

본문

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


문의 주신 셀 컨텐츠에 단순하게 문자열만 추가하고 싶으신 경우, 셀을 나타내는 요소가 생성되었을 때 발생하는 formatItem 이벤트를 코드와 같이 이용해보시기 바랍니다. 아래 코드는 영역이 셀이고 행의 인덱스가 7인 경우 "%" 문자열을 추가해주고 있습니다.


<wj-flex-grid
      :formatItem="formatItem"
>  
(....)
methods: {
    formatItem(s, e) {
      if (s.cells === e.panel) {
        if (e.col === 7) {
          e.cell.innerHTML = e.cell.innerHTML + "%";
        }
      }
    },
  },


- formatItem : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#formatitem

- 조건부 스타일 지정 : https://demo.grapecity.co.kr/wijmo/learn-wijmo/Grid/CustomCells/ConditionalStyling/vue


API 문서 및 데모를 같이 전달 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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