Primefaces拖放禁用重疊

Hy所有，我試圖實現拖動&拖放primefaces組件，我希望禁用在組件上重疊的可能性與其他組件重疊。我的組件看起來是這樣的：Primefaces拖放禁用重疊

<p:outputPanel id="containment" header="Containment" style="color:black;position:relative; top:100px; left:50px; z-index:9" styleClass="button"> 
       Test 
</p:outputPanel> 
<p:draggable for="containment" containment="parent" opacity="0.3" grid="10,10"/>

是否有通知，雖然他只是拖動組件不能被丟棄到其他組件的用戶的可能性？我使用primefaces 5.2

來源

2015-12-17 FAndrew

中有一個屬性至少PF 5.3（我認爲PF 5.2），其被稱爲「堆」（不知道是什麼實際上可以，但它可能是相關的），並且您始終可以實現onDrop處理程序以檢查它的放置位置，並通過移動或返回false來防止重疊，從而不會丟棄。兩者都可以在PF docs – Kukeltje

中找到，我需要在組件掉落之前通知用戶，而不是之後。 – FAndrew

這是在**下降的**而不是在**下降後的** ......或者您是否想要一些視覺指示不能丟棄？然後唯一的解決辦法是下載源代碼，檢查如何使用jquery droppable並覆蓋一些小的javascript類似於如何使用純jQuery來完成... http://stackoverflow.com/questions/11452185/restrict- jQuery的可拖動項-從重疊-碰撞與 - 兄弟元素 – Kukeltje

感謝@Kukeltje如果我不喜歡這個

$("#comp1").draggable({ 
    obstacle: "#comp2", 
    preventCollision: true, 
    containment: "#test" 
});

來源

2015-12-18 07:48:27 FAndrew

Primefaces拖放禁用重疊

回答

相關問題