wjInput.Menu 닫힘방지 문의 외

wjInput.Menu 닫힘방지 문의 외 > Q&A | 토론

ReactJS wjInput.Menu 닫힘방지 문의 외

추천0 비추천 0

페이지 정보

작성자 gmpark

작성일 2023-10-19 14:30 조회 179회 댓글 1건

검색

제품 버전 : 5.20211.794

컨트롤 이름 : wjInput.Menu wjNav.TreeView

본문

관련링크

<wjInput.Menu closeOnLeave={false} openOnHover={true}>
          <wjInput.MenuItem>
            <wjNav.TreeView
              displayMemberPath="DSPNAME"  
              childItemsPath="children"
              showCheckboxes={true}
              itemsSource={recipeCBOItems}
              checkedItemsChanged={(sender: any, e: any) => {setSelectedCBOItems(sender.checkedItems)}}
              autoCollapse={false}/>
          </wjInput.MenuItem>
        </wjInput.Menu>

1. 트리뷰와 상호작용할 때, 체크박스 클릭은 상관없지만 children expand 등의 마우스 클릭시 Menu가 통채로 닫힙니다. 메뉴 외부를 클릭하지 않는 한 메뉴가 항상 열려있게 하려면 어떻게 하나요

2. Menu내 항목의 height를 키워서 트리뷰가 최대한 expand된 상태로 만드려고 하는데 그건 어떻게 하나요

3. 트리뷰 항목 체크시, 맨 끝의 터미널 노드만 checkedItems에 지정되는데, 중간의 터미널이 아닌 노드도 chekcedItems에 담거나 별도의 변수로 파악하려면 어떻게 하나요

댓글목록

GCK루시님의 댓글

GCK루시

작성일 23-10-23 16:04

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

현재 문의가 급증하여 순차적으로 답변 중에 있으며 확인이 끝나는 대로 답변 드리도록 하겠습니다.

감사합니다.
그레이프시티 드림

ReactJS Re: wjInput.Menu 닫힘방지 문의 외

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

페이지 정보

작성자 GCK루시

작성일 2023-10-24 14:49 댓글 0건

본문

관련링크

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

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

1. menu 내의 treeView expand 아이콘 클릭 시, dropdown이 닫히는 현상 문의

=> 해당 기능과 관련하여 menu의 hostElement에서 클릭 이벤트와 함께 isDroppedDown 속성을 false로 설정해주시기 바랍니다.

 function handleInitialized(menu) {
    menu.dropDown.addEventListener(
      "click",
      (e) => {
        menu.isDroppedDown = true;
      },
      false
    );
  }
(....)

 <wjInput.Menu
        initialized={handleInitialized}
        header="File"
        itemClicked={menuItemClicked}
        openOnHover={true}
        closeOnLeave={false}
      >
        <wjInput.MenuItem>
          <wjNav.TreeView
            itemsSource={data}
            displayMemberPath="header"
            showCheckboxes={true}
            childItemsPath="items"
          ></wjNav.TreeView>
        </wjInput.MenuItem>
      </wjInput.Menu>

- isDroppedDown API 문서

2. menu 내 항목 height 설정하는 방법

=> menu의 dropdown 영역인 wj-listbox-item 클래스의 height 설정하여 구현하실 수 있습니다.

.wj-listbox-item {
  height: 500px;
}

초기 treeView 확장/축소 상태의 경우, 아래 데모 링크를 공유드리오니 해당 데모를 참고하여 주시기 바랍니다.

- 초기 상태 데모

3. 자식 포함 여부와 상관없이 체크된 노드 정보 가져오는 방법

=> checkedItems 속성은 기본적으로 자식이 없는 항목만 포함되도록 설정되어 있으며 관련되어 아래 Q&A 답변을 참고하여 주시기 바랍니다.

- treeview 사용시 체크된 부모의 값가져오기

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

감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

wjInput.Menu 닫힘방지 문의 외 > Q&A | 토론

MESCIUS 포럼

MESCIUS 커뮤니티

MESCIUS 포럼

MESCIUS 커뮤니티

Wijmo

Q&A | 토론 - ReactJS

ReactJS wjInput.Menu 닫힘방지 문의 외

페이지 정보

본문

관련링크

댓글목록

GCK루시님의 댓글

ReactJS Re: wjInput.Menu 닫힘방지 문의 외

페이지 정보

본문

관련링크

댓글목록

카테고리

인기글

최신글

셀럽