Jsf Primefaces在不同的界面之间拖放图像<；pe:layoutPane/>；
我们有一个带有可拖动对象的数据表。Jsf Primefaces在不同的界面之间拖放图像<；pe:layoutPane/>；,jsf,primefaces,Jsf,Primefaces,我们有一个带有可拖动对象的数据表。 我们使用的是双面框架布局，左侧和内容。 我们希望这些部分可以调整大小，所以我们尝试使用p:layoutunit和pe:layoutPane 在这两种情况下，当我们将内容容器外部的对象拖动到左侧容器中时，图像将消失，并由一个大的“加号”代替 我们如何保持图像始终可见？ 编辑： 为了简化，我们创建了一个单独的页面：根据需要修改图像，目标是在拖动过程中查看图像 <?xml version='1.0' encoding='UTF-8' ?> <!DO
我们使用的是双面框架布局，左侧和内容。
我们希望这些部分可以调整大小，所以我们尝试使用p:layoutunit和pe:layoutPane
在这两种情况下，当我们将内容容器外部的对象拖动到左侧容器中时，图像将消失，并由一个大的“加号”代替 我们如何保持图像始终可见？ 编辑： 为了简化，我们创建了一个单独的页面：根据需要修改图像，目标是在拖动过程中查看图像
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:pe="http://primefaces.org/ui/extensions">
<h:head>
<title></title>
<h:outputStylesheet library="css" name="style.css" />
</h:head>
<h:body>
<!--<p:layout>-->
<pe:layout fullPage="true" >
<pe:layoutPane position="center" id="center" >
<!--<p:layoutUnit position="center" id="center" >-->
<p:graphicImage value="../resources/images/inMessage.png" >
<p:draggable revert="true" helper="clone"
/>
</p:graphicImage>
<!--</p:layoutUnit>-->
</pe:layoutPane>
<pe:layoutPane position="west" id="west" >
<!--<p:layoutUnit position="west" id="west" >-->
<p:panel header="Message" style="font-size: 11px;">
<p:fieldset id="imgDrop" legend="drop here">
<p:outputPanel id="dropArea"></p:outputPanel>
</p:fieldset>
<p:droppable for="imgDrop"/>
</p:panel>
<!--</p:layoutUnit>-->
</pe:layoutPane>
</pe:layout>
<!--</p:layout>-->
</h:body>
</html>
我们留下评论p:layout只是为了检查这两种方法是否具有相同的行为为了避免堆叠问题，有必要将可拖动对象置于面板的同一水平面。所以在身体上添加附属物就解决了 感谢Kukeltje为我指明了正确的方向
<p:draggable revert="true" helper="clone" appendTo="@(body)" />
为了避免堆叠问题，有必要将可拖动物体放置在面板的同一水平面上。所以在身体上添加附属物就解决了 感谢Kukeltje为我指明了正确的方向
<p:draggable revert="true" helper="clone" appendTo="@(body)" />