2017-12-04 12 views
0

ember-appでemberドラッグドロッププラグインを使用しています:「ember install ember-drag-drop」 アイテムをある場所から別の場所にドラッグしてもドロップできません入力フィールドアイテムを入力フィールドにドラッグできません

{{#draggable-object content=systemVariableInfo dragStartAction='myStartAction' dragEndAction='myEndAction'}}      
{{item.name}} 
{{/draggable-object}} 

コントローラ::

myStartAction: function(content) { 
     console.log("content"+content); 
    //Content is the same as the content parameter set above 
    }, 
    myEndAction: function(content) { 
     //Content is the same as the content parameter set above 
    }, 

この問題を解決する方法:

は、ここに私のコードです。

答えて

0

あなたはdraggable-object-targetにターゲットを配置する必要があります:

<div> 
    {{#each items as |item|}} 
    {{#draggable-object content=item}}      
     {{item.name}} 
    {{/draggable-object}} 
    {{/each}} 
</div> 
<br> 
<form> 
{{#draggable-object-target action="onDrop"}} 
    {{input type="text" placeholder="drop here" value=inputValue}} 
{{/draggable-object-target}} 
</form> 

Ember-Twiddleを参照してください。

関連する問題