2017-03-02 53 views
1

我想使用adf-widget中的可拖動元素,但似乎draggable="true"在adf-widgets內部被忽略。不能在角度儀表板框架小部件中使用「可拖動」

我試過用最簡單的方法,以測試是否可拖動=「true」是工作:

<div style="background-color: #000000; width: 50px; height 50px;" draggable="true">...</div> 

,但它不會成爲拖動。是否有其他方式可以讓元素拖動?

+0

你使用任何庫拖放? – Nobita

+0

不是現在。我發現,該元素變成可拖動使用javascript像:的文檔.getElementById('id')。setAttribute('draggable',true);'...我不明白爲什麼draggable =「true」是不工作... –

+0

我認爲adf覆蓋了可拖動的屬性。如果我看着瀏覽器codeinspector的draggable屬性isnt設置爲false或true ..設置它後,它是真的..有沒有辦法強制「真」,並使其無法覆蓋? –

回答

1

似乎ADF-Wigets正在覆蓋「可拖動屬性」。我決定用ngMouseenter和JavaScript這樣的問題:

<div class="draggable-element" ng-repeat="item in itemlist" id="{{item.id}} ng-mouseenter="setDraggable(item.id)>{{item.name}}</div> 

我的控制器內:

$scope.setDraggable = function(id){ 
    document.getElementById(id).setAttribute('draggable', true); 
}; 
相關問題