easyUI 드래그(Drag) 및 배치(Drop) Tree

851 단어
@author YHC
tree 플러그인을 사용하면,drag (드래그) 와drop (배치) 기능은 노드의 위치를 바꾸고,drag와drop 동작을 사용해야 합니다.tree 플러그인에 'dnd' 속성을true로 설정하는 것이 필요합니다.
Tree 생성
4
$('#tt').tree({  
    dnd: true,  
    url: 'tree_data.json'  
});
tree 노드에 성공적으로 배치하면,
'onDrop'이벤트가 터치될 것입니다. 노드 상태를 원격 서버에 저장하는 등 여러 가지 작업을 해야 합니다.
onDrop: function(targetNode, source, point){  
       var targetId = $(target).tree('getNode', targetNode).id;  
       $.ajax({  
           url: '...',  
           type: 'post',  
           dataType: 'json',  
           data: {  
               id: source.id,  
               targetId: targetId,  
               point: point  
           }  
       });  
   }

EasyUI 샘플 코드를 다운로드하려면 다음과 같이 하십시오.
easyui-tree-demo.zip
api를 사용한 페이지 만들기 - 1
7 취소 및 닫 기

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage