2015-12-17 54 views
0

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

+0

中有一个属性至少PF 5.3(我认为PF 5.2),其被称为“堆”(不知道是什么实际上可以,但它可能是相关的),并且您始终可以实现onDrop处理程序以检查它的放置位置,并通过移动或返回false来防止重叠,从而不会丢弃。两者都可以在PF docs – Kukeltje

+0

中找到,我需要在组件掉落之前通知用户,而不是之后。 – FAndrew

+0

这是在**下降的**而不是在**下降后的** ......或者您是否想要一些视觉指示不能丢弃?然后唯一的解决办法是下载源代码,检查如何使用jquery droppable并覆盖一些小的javascript类似于如何使用纯jQuery来完成... http://stackoverflow.com/questions/11452185/restrict- jQuery的可拖动项-从重叠-碰撞与 - 兄弟元素 – Kukeltje

回答

0

感谢@Kukeltje如果我不喜欢这个

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