5

アプリでアイテムのツリーを構築するためにangular-ui-treeを使用しています。ドラッグ アンド ドロップ機能を使用していますが、ドロップがいつどこで (どの要素で) 発生するかを知る必要があります。

たとえば、item1 をドラッグしてパネルにドロップします。パネルにアイテム名を表示させたい。(各アイテムには name プロパティがあります)。パネルは、内部にテキストを含む単純な div です。

ドキュメントで、コントローラーの「ドロップされた」イベントにアクセスできることを見ました。しかし、ドラッグ&ドロップされたアイテムに応じてパネルの内容を変更する方法がわかりません。

4

4 に答える 4

2

やあみんな私はちょうどそれを見つけました!

$scope.treeOptions = {
            dropped: function (event) {
             //To catch the event after dragged

             //Value of model which is moving
             event.source.nodeScope.$modelValue;

             //Source Parent from where we are moving model
             event.source.nodeScope.$parentNodeScope.$modelValue;

             //Destination Parent to where we are moving model
             //Edit: Use "nodesScope" instead of "nodeScope" for dest object 
             event.dest.nodesScope.$nodeScope.$modelValue;
         }};

それもあなたのために働くことを願っています:)

于 2016-12-20T08:13:07.070 に答える
1

このように「ドロップされた」アイテムにアクセスします。

$scope.elOptions = {
    dropped: function(e) {
        console.log (e.source.nodeScope.$modelValue);     
    }
};
于 2014-09-18T22:06:08.733 に答える