작성일 2024-03-08 16:01 조회 56회
댓글 0건
안녕하세요
문의 드립니다.
현재 , Tree 구조에서, drag 를 해서 변경된 id 값을 찾고 싶은데
https://demo.mescius.co.kr/wijmo/learn-wijmo/Nav/TreeView/Nodes/DragandDrop/purejs
위 튜토리얼에서 purejs 샘플이 없어
간단한 샘플 요청 부탁드립니다.
등록된 댓글이 없습니다.
3 답변
작성일 2024-03-11 11:18 댓글 0건
안녕하세요 메시어스입니다.
문의하신 내용이 PureJS 샘플에 대한 것으로 이해됩니다. 데모에서는 system.js라는 별도 모듈 로더를 사용하여 import문으로 모듈을 불러오고 있습니다. 각 모듈에 따른 선언부만 다르며 로직 자체는 PureJS와 동일합니다. 따라서 아래 코드와 같이 불러오는 영역만 수정하여 사용해보시기 바랍니다.
As-is
import * as wjNav from '@grapecity/wijmo.nav';
let tree = new wjNav.TreeView('#theTree', {
To-be
let tree = new wijmo.nav.TreeView('#theTree', {다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
메시어스 드림
등록된 댓글이 없습니다.
작성일 2024-03-25 06:26 댓글 0건
안녕하세요.
재 문의 드립니다.
위와 같이 데이터에 id 가 있을 경우,
질문 1. 최초 데이터
Electronics 이하 4개의 메뉴가 있을때, 같은 depth 에서만 이동하도록
실수로, Speakers를 tablets 에 위치하는걸 막고 싶습니다.
질문 2. 해당 메뉴 제일 상단 Electornics 위로 (예시, speakers) 못올라가게 차단
질문3 메뉴를 drag 하면 아래처럼 변경시
- 변경시마다, 4개의 node 위 value : id 값을 추출 하고 싶습니다.
- 추출해서 정렬 순번을 submit 하고 싶습니다.
- 1. tablets > id : 12
- 2. trimmers / shavers > id : 11
- 3. speakers > id : 13
- 4. monitors > id : 14
등록된 댓글이 없습니다.
작성일 2024-03-26 11:40 댓글 0건
안녕하세요 메시어스입니다.
문의하신 내용에 대해 답변드립니다.
1,2번) 노드 드래그 & 드랍 이동 제한 문의
=> 같은 레벨의 노드 사이로만 이동할 수 있게 제한하는 기능(1,2번 문의)의 경우, 아래 Q&A 답변을 참고하여 주시기 바랍니다.
3번) drop 후, node의 아이디 값 추출하는 방법 문의
=> drop한 영역의 노드의 정보를 가져오기 위해서는 drop 이벤트와 TreeNode의 현재 타켓에 대한 정보를 가진 dropTarget을 이용하시면 됩니다.
아래 코드를 참고하여 주시기 바랍니다.
let treeview = new wijmo.nav.TreeView('#theTree', {
(....)
drop:function(s,e){
//같은 레벨의 노드 사이로만 이동할 수 있게 제한
if(e.dragSource.level !== e.dropTarget.level || e.position == 2){
e.cancel = true
} else {
let items =e.dropTarget.itemsSource;
items.forEach(item=>{
console.log(item.id) // id값 콘솔에 표시
})
}
},다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
메시어스 드림
등록된 댓글이 없습니다.
