Primefaces拖放禁用重叠答案

【问题标题】：Primefaces drag&drop disable overlapPrimefaces拖放禁用重叠
【发布时间】：2015-12-17 11:47:03
【问题描述】：

大家好，我正在尝试实现拖放 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

【问题讨论】：

至少 PF 5.3（我认为是 PF 5.2 到）中有一个属性称为“堆栈”（不知道它实际上做了什么，但它可能是相关的）并且您始终可以实现onDrop 处理程序检查它被丢弃的位置并通过移动东西或返回 false 来防止重叠，因此它不能被丢弃。两者都可以在 PF 文档中找到
我需要在组件被删除之前而不是之后通知用户。
这是ondrop而不是afterdrop...或者您想要一些视觉指示它不能被丢弃？然后唯一的解决方案是下载源代码，检查 jquery droppable 是如何使用的，并覆盖一些小的 javascript，就像使用普通 jquery 一样...stackoverflow.com/questions/11452185/…

标签： jsf primefaces drag-and-drop

【解决方案1】：

谢谢@Kukeltje，如果我喜欢这个

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

【讨论】：