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

TreeView 관련해서 질문드립니다. > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

기타 TreeView 관련해서 질문드립니다.

페이지 정보

작성자 nxdev1 작성일 2024-03-21 15:40 조회 43회 댓글 0건
제품 버전 : 5.20221.842
컨트롤 이름 : TreeView

본문

tv_favorite = new wijmo.nav.TreeView('#tree-favorite', {
    itemsSource: [],
    displayMemberPath: 'header',
    childItemsPath: 'items',
    lazyLoadFunction: lazyLoadFunction,
    isAnimated: false,
    isCollapsedChanged: function (s, e) {
        refreshIcon(s);
    },
    formatItem: function (s, e) {
        var data = e.dataItem;

        // X 버튼 추가
        var btn = document.createElement('button');
        btn.className = 'btn btn-close';
        btn.style.marginLeft = '5px';
        btn.style.width = '10px';
        btn.style.height = '10px';
        btn.style.color = '#FFFFFF !important';
        btn.addEventListener("click", function (event) {
        });
    }
});

위와 같이 TreeView에서 각 노드 별로 X 버튼을 추가하도록 했는데요.

이때 X버튼을 클릭했을 때는 TreeView의 itemClicked 이벤트가 발생되지 않도록 할 수 있을까요?

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

댓글목록

등록된 댓글이 없습니다.

1 답변

기타 Re: TreeView 관련해서 질문드립니다.

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-03-25 11:43 댓글 0건

본문

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


itemClicked 이벤트는 직접적으로 이벤트를 취소하는 속성을 지원하고 있지 않습니다. 다만 flag 변수를 설정하여 itemClicked 이벤트 내에서 flag 조건을 통과할 때만 코드가 수행될 수 있도록 구현할 수 있습니다. 아래 코드를 참고하시기 바랍니다.


var flag = false;
var tv_favorite = new wijmo.nav.TreeView('#theTree', {
 (...)
  itemClicked:function(s,e){
    if(flag){
    console.log("버튼 클릭!")
    flag = false; // flag 초기화
    } else {
      console.log("버튼 외 영역 클릭")
      // 사용자 정의 코드 추가
    }
  },
  formatItem: function (s, e) {
    var data = e.dataItem;

    // X  버튼  
  var btn = document.createElement('button');

   (....)
    btn.addEventListener("click", function (event) {
      flag = true; // 버튼 클릭하면 flag 값 변경
      console.log("click 이벤트")
    });
  }
});


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


감사합니다.

메시어스 드림 

댓글목록

등록된 댓글이 없습니다.

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