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

wjGrid 그리드에서 툴팁 사용법.. > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS wjGrid 그리드에서 툴팁 사용법..

페이지 정보

작성자 감자돌이 작성일 2022-11-17 16:32 조회 898회 댓글 0건
제품 버전 : 1.0
컨트롤 이름 : tooltip

본문

그리드를 불러오는데 화면 이  꽉차서 데이터가 안보여 툴팁으로 볼려고 합니다 .. 근데 setTooltip 으로 는 id class 바께 못찾는거같아서 혹시 방법이 있을까요?

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: wjGrid 그리드에서 툴팁 사용법..

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

페이지 정보

작성자 GCK다이애나 작성일 2022-11-18 13:14 댓글 0건

본문

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


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

setTooltip 메서드의 첫번째 매개 변수로 CSS 선택자 혹은 DOM 요소를 지정하여 요소에 툴팁을 추가 할 수 있습니다.

CSS 선택자를 매개 변수로 지정하는 경우, Id, Class 선택자 뿐만 아니라 태그 선택자 등과 같은 모든 CSS 선택자를 이용하여 지정할 수 있습니다.

DOM 요소를 매개 변수로 지정하는 경우, 툴팁을 추가하고자 하는 DOM 요소를 직접 불러와 지정할 수 있습니다. 

React 프레임워크와 Wijmo 제품을 함께 사용하신다면, 아래의 코드와 같이 useRef() 를 통해 DOM 요소를 불러와 툴팁을 추가해 보시기 바랍니다.

const refTest = React.useRef();
React.useEffect(() => {
  let tt = new Tooltip();
  // useRef 로 접근 가능
  tt.setTooltip(refTest.current, "ref 로 접근 Test");
});
...
return (
  <div className="App">
    <div className="container-fluid">
      <div ref={refTest}>
        <div><p>ref Test</p></div>
      </div>
    </div>
  </div>
);
...


- setTooltip API 문서


API 문서를 공유 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.


감사합니다.


그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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