2014-12-19 1 views
0

:jQuery를 JsTree 버전 3 + 플러그인 DND

  1. 대상 요소
  2. 이동 요소 (내부, 이후, 전)

AD1) 포함했다

  • $(document).on('dnd_stop.vakata', function (e, data) { 
        var t = $(data.event.target); 
    ); 
    

    AD2) 내가

    를 모르는 :이 같은 목표 요소를 발견 버전에서

    나는 이런 식으로 그것을 발견 1+ :

    $("#tree").bind("move_node.jstree", function (e, data) { 
        var idMoveElement = data.rslt.o.attr('id'); 
        var idTargetElement = data.rslt.r.attr('id'); 
        var where = data.rslt.p; 
    } 
    

    꽤 쉽게 ...하지만 버전 모르겠어요 3+.

    도와 주시겠습니까?

    감사합니다.

  • 답변

    0

    내 솔루션 :

    $('#tree_structure').bind('move_node.jstree', function (e, data) { 
    
        if(data.parent !== '#') { 
         var infoAfterDnd = getTargetElementAndWhere(data); 
         if(infoAfterDnd .target.length > 0 && infoAfterDnd.where !== '') { 
          console.log(infoAfterDnd); 
         } 
        } 
    
    }); 
    
    getTargetElementAndWhere = function(data) { 
        var where = ''; 
        var $parent = $('#' + data.parent); 
    
        var $target = $('li:nth-child(' + data.position + ')', $parent); 
    
        if($target.length > 0) 
         where = 'after'; 
        else { 
         where = 'inside'; 
         $target = $parent; 
        } 
    
        return { where: where, target: $target }; 
    },