我在全页 Primefaces 布局中有 4 个布局单元。我在西布局单元中有输出标签。我想将其拖放到中心布局单元。我想要将输出标签拖放到此处的拖放区域是 tabView 中的一个面板。当我开始拖动outputLabel时,它不会从西布局单元中消失。另外,当我将它拖到西布局单元之外时,它就会消失。我该如何解决我的问题?我已经为此努力了 2 天,但还没有成功。
这是我的代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">
<h:head>
</h:head>
<h:body>
<p:layout fullPage="true">
<p:layoutUnit id="top" position="north" header="menu" size="100">
</p:layoutUnit>
<p:layoutUnit id="bottom" position="south" header="properties" size="100">
</p:layoutUnit>
<p:layoutUnit id="left" position="west" header="toolbox" size="200" style="overflow: visible" >
<p:outputLabel id="out1" value="outputlable"/>
<p:draggable for="out1" helper="clone"/>
</p:layoutUnit>
<p:layoutUnit id="middle" position="center" header="sayfa 1" >
<p:tabView>
<p:tab id="drop_page_1" title="Page 1">
<p:panel rendered="#{empty myBean.components}">
Please drag any component to here.
</p:panel>
<p:panel id="tab_panel" rendered="#{not empty myBean.components}">
</p:panel>
</p:tab>
<p:droppable id="drop_page_1" for="page_1" >
<p:ajax listener="#{myBean.f_onCompDrop}" />
</p:droppable>
</p:tabView>
</p:layoutUnit>
<p:droppable for="middle" >
<p:ajax listener="#{myBean.f_onCompDrop}" />
</p:droppable>
</p:layout>
</h:body>
</f:view>
</html>
这是我的豆子:
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import org.primefaces.event.DragDropEvent;
import java.util.List;
import javax.faces.component.UIComponent;
@ManagedBean(name="myBean")
@SessionScoped
public class NewJSFManagedBean {
private List<UIComponent> components;
public NewJSFManagedBean() {
}
public void f_onCompDrop(DragDropEvent ddEvent) {
UIComponent comp = ddEvent.getComponent().findComponent(ddEvent.getDragId());
components.add(comp);
}
public List<UIComponent> getComponents() {
return components;
}
public void setComponents(List<UIComponent> components) {
this.components = components;
}
}
我在两个布局单元之间拖动项目时遇到了同样的问题。我通过css彻底解决了。
我通过将“溢出”属性更改为“可见”来更改要拖出的容器。
我做的第二件事是将我想要拖放的容器的“z-index”属性更改为负值。这为我解决了。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)