Primefaces使用动态数据进行拖放

时间:2012-11-26 18:26:52

标签: java jsf primefaces draggable

我对primefaces很新,我用p:draggable commponent来解决这个问题。 这是我的网站使用p:draggable组件,就像在primefaces展示中一样。

            <p:fieldset legend="PreparedData">

                <p:dataGrid id="currentData" columns="1" var="res" value="#{SomeBean.data}">
                    <p:column>
                        <p:panel id="draggedres" header="#{res.name}">
                            <h:panelGrid columns="1">
                                <h:outputText value="#{res.name}"/>
                            </h:panelGrid>

                        </p:panel>
                        <p:draggable for="draggedres" />

                    </p:column>
                </p:dataGrid>
             </p:fieldset>
             <p:commandButton value="Add" actionListener="#{SomeBean.addItem}" update="currentData" />

Theres my bean SomeBean。

public class SomeBean{

    private List<SomeObjects> data = new ArrayList<SomeObjects>();

    public void addItem(){
        data.add(new SomeObjects("someName"));
    }

    //GETTERS SETTERS                 
}

现在的问题是,当我向该列表添加新数据时,它显示为BUT不可拖动。如何使这些数据可拖动的唯一方法是将它们设置为该bean的构造函数。 谁知道我哪弄错了?我已经阅读了Primefaces手册,但没有任何关于它。在那里,他们只是默默地假设数据将仅从构造函数设置。 谢谢你的回答。

1 个答案:

答案 0 :(得分:0)

您提交的示例代码工作得很好。检查您正在使用的代码,有时试图混淆代码数据(如变量名称,可能包含敏感信息的包名称),我们省略或更改与手头的错误相关的内容。

这是我用来测试你的例子的代码(ipsis literis):

SomeBean.java

import java.util.ArrayList;
import java.util.List;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;


@ManagedBean
@ViewScoped
public class SomeBean {
private List<SomeObjects> data = new ArrayList<SomeObjects>();


public void addItem(){
data.add(new SomeObjects("someName"));
}


public List<SomeObjects> getData() {
    return data;
}


public void setData(List<SomeObjects> data) {
    this.data = data;
}

}

SomeObject.java

public class SomeObjects {

private String name;

public SomeObjects(String string) {
    this.setName(string);
}

public void setName(String name) {
    this.name = name;
}

public String getName() {
    return name;
}

}

draggable.xhtml

<!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:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
</h:head>
<h:body>
    <p:separator styleClass="espacador" />
    <p:fieldset legend="PreparedData">
        <p:dataGrid id="currentData" columns="1" var="res" value="#{someBean.data}">
            <p:column>
                <p:panel id="draggedres" header="#{res.name}">
                    <h:panelGrid columns="1">
                        <h:outputText value="#{res.name}" />
                    </h:panelGrid>
                </p:panel>
                <p:draggable for="draggedres" />
            </p:column>
        </p:dataGrid>
    </p:fieldset>
    <p:commandButton value="Add" actionListener="#{someBean.addItem}" update="currentData" />
<h:body>
</html>