更改节点上的JSF树验证表单

时间：2016-07-19 00:01:41

标签： jsf primefaces tree

我有一个类Document，用于创建一个包含文档对象列表的树。

return User::find(1)->orders;

此外，我在文档中有商店相关信息的Field类

public class Document implements Serializable {

     private String name;

     private String size;
     private List<Field> fields;

     public Document(String name, String size, String type) {
        this.name = name;
        this.size = size;
     }

     public String getName() {
        return name;
     }

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

     public String getSize() {
        return size;
    }

    public void setSize(String size) {
       this.size = size;
    }

    public List<Field> getFields() {
       return fields;
    }

    public void setFields(List<Field> fields) {
     this.fields = fields;
  }
}

我的ManagedBean创建一个包含一些文档的树，并为每个文档存储一些数据。当我选择树节点时，它会显示一个动态表单，每个字段和输入都输入一些值。

public class Field implements Serializable {
private int fieldIndex;
private String label;
private String value;

private List<Values> list;

public Field() {
}

public int getFieldIndex() {
    return fieldIndex;
}

public void setFieldIndex(int fieldIndex) {
    this.fieldIndex = fieldIndex;
}

public Field(String label) {
    this.label = label;
}

public String getLabel() {
    return label;
}

public void setLabel(String label) {
    this.label = label;
}

public String getValue() {
    return value;
}

public void setValue(String value) {
    this.value = value;
}


public List<Values> getList() {
    return list;
}


public void setList(List<Values> list) {
    this.list = list;
}
}

我的JSF看起来像

@ManagedBean(name="treeSelectionView")
@ViewScoped
public class SelectionView implements Serializable {

private TreeNode root1;

private TreeNode selectedNode;
private String email;

private List<Field> fields;

public String getEmail() {
return email;
}

public void setEmail(String email) {
this.email = email;
}

@PostConstruct
public void init() {

    TreeNode root = new DefaultTreeNode(new Document("Files", "-", "Folder"), null);

    TreeNode documents = new DefaultTreeNode(new Document("Documents", "-", "Folder"), root);

    Field f1=new Field();
    Field f2=new Field();
    Field f3=new Field();

    f1.setLabel("email");
    f1.setValue("");

    f2.setLabel("doc");
    f2.setValue("");

    f3.setLabel("otro");
    f3.setValue("");

    List<Field> fields=new ArrayList<Field>();
    fields.add(f1);
    fields.add(f2);
    fields.add(f3);        

    List<Field> fields1=new ArrayList<Field>();
    f1=new Field();
    f2=new Field();
    f3=new Field();

    f1.setLabel("email");
    f1.setValue("");

    f2.setLabel("doc");
    f2.setValue("");

    f3.setLabel("otro");
    f3.setValue("");

    fields1.add(f1);
    fields1.add(f2);
    fields1.add(f3); 

    List<Field> fields2=new ArrayList<Field>();

    f1=new Field();
    f2=new Field();
    f3=new Field();

    f1.setLabel("email");
    f1.setValue("");

    f2.setLabel("doc");
    f2.setValue("");

    f3.setLabel("otro");
    f3.setValue("");

    fields2.add(f1);
    fields2.add(f2);
    fields2.add(f3);        


    //Documents
    Document d1= new Document("Expenses.doc", "30 KB", "Word Document");
    Document d2=new Document("Resume.doc", "10 KB", "Word Document");
    Document d3=new Document("RefDoc.pages", "40 KB", "Pages Document");

    d1.setFields(fields);
    d2.setFields(fields1);
    d3.setFields(fields2);


    TreeNode expenses = new DefaultTreeNode("document",d1, documents);
    TreeNode resume = new DefaultTreeNode("document", d2, documents);
    TreeNode refdoc = new DefaultTreeNode("document",d3 , documents);
    documents.setExpanded(true);
    root1 = root;
    root1.setExpanded(true);
}


public void onNodeDocumentSelect(NodeSelectEvent nodeSelected) {
//  fields=((Document)nodeSelected.getTreeNode().getData()).getFields();
    fields=((Document)selectedNode.getData()).getFields();
}

public TreeNode getRoot1() {
    return root1;
}

public TreeNode getSelectedNode() {
    return selectedNode;
}

public void setSelectedNode(TreeNode selectedNode) {
    this.selectedNode = selectedNode;
}

public List<Field> getFields() {
    return fields;
}

public void setFields(List<Field> fields) {
    this.fields = fields;
}
}

当我按下提交按钮时，值将被提交并存储在每个字段中，同时也会触发验证。但是我真的需要删除提交按钮并在每个节点丢失焦点时验证表单。例如，如果我在第一个节点中仅在我失去焦点时验证表单，但如果表单验证失败，我需要留在此节点中。

真的，我感谢你能给我的任何帮助。 非常感谢。

1 个答案:

答案 0 :(得分：0)

我想要实现类似的观点，我花了很长时间才弄明白。

技巧是不声明selection上的<p:tree属性，而只是selectionMode并仅管理选择听众，手动。

这会导致选择在INVOKE_APPLICATION阶段而不是UPDATE_MODEL_VALUES中交换，从而在值表达式中保留右窗格引用。

此外，验证在选择交换之前发生，如果失败，则阻止选择交换。

我认为这正是您所寻找的：

<h:form>
    <p:layout fullPage="false" stateful="false" style="height:400px">
        <p:layoutUnit position="center">
            <p:tree id="tree" var="data" nodeVar="node" value="#{testTreeBean.root}"
                selectionMode="single" dynamic="true" animate="true" highlight="true"
                style="border: 0">

                <p:ajax event="select" listener="#{testTreeBean.onSelect}" process="@form"
                    update="@this @form:details" />
                <p:ajax event="expand" process="@this" />
                <p:ajax event="collapse" process="@this" />

                <p:treeNode expandedIcon="ui-icon-folder-open" collapsedIcon="ui-icon-folder-collapsed">
                    <p:outputPanel id="node">
                        <h:outputText value="#{data.someText1} - #{data.someText2}" />
                    </p:outputPanel>
                </p:treeNode>
            </p:tree>
        </p:layoutUnit>

        <p:layoutUnit position="east" size="65%" minSize="150">
            <p:outputPanel id="details" style="padding: 1em">
                <p:panelGrid columns="3" rendered="#{testTreeBean.data != null}">
                    <p:outputLabel value="someLabel1" for="@next" />
                    <p:inputText value="#{testTreeBean.data.someText1}" required="true" />
                    <p:message for="@previous" />

                    <p:outputLabel value="someLabel2" for="@next" />
                    <p:inputText value="#{testTreeBean.data.someText2}" required="true" />
                    <p:message for="@previous" />
                </p:panelGrid>

                <h:outputText value="please select a node in the left pane"
                    rendered="#{testTreeBean.data == null}" />
            </p:outputPanel>
        </p:layoutUnit>
    </p:layout>
</h:form>

豆子：

@javax.faces.bean.ManagedBean
@javax.faces.bean.ViewScoped
public class TestTreeBean implements Serializable
{
    private static final long serialVersionUID = 1L;
    private TreeNode root;
    private TreeNode selected;

    // build a dummy tree...    
    @PostConstruct
    public void init()
    {
        root = new DefaultTreeNode();
        for(int i = 0; i < 5; i++)
        {
            SomeData data = new SomeData("node " + i, String.valueOf(System.currentTimeMillis()));
            TreeNode node = new DefaultTreeNode(data, root);
            for(int j = 0; j < 5; j++)
            {
                SomeData subData = new SomeData("subNode " + i + "." + j, String.valueOf(System.currentTimeMillis()));
                @SuppressWarnings("unused")
                TreeNode subNode = new DefaultTreeNode(subData, node);
            }
        }
    }

    // handle selection swap manually
    public void onSelect(NodeSelectEvent event)
    {
        if(selected != null)
        {
            selected.setSelected(false);
        }

        selected = event.getTreeNode();

        if(selected != null)
        {
            selected.setSelected(true);
        }
    }

    // shortcut for getting the selected node data
    public Object getData()
    {
        return selected == null ? null : selected.getData();
    }

    public TreeNode getSelected()
    {
        return selected;
    }

    public TreeNode getRoot()
    {
        return root;
    }
}

最后，为了完整性，虚拟数据类：

public class SomeData implements Serializable
{
    private String someText1;
    private String someText2;

    public SomeData()
    {
        super();
    }

    public SomeData(String someText1, String someText2)
    {
        super();
        this.someText1 = someText1;
        this.someText2 = someText2;
    }

    public String getSomeText1()
    {
        return someText1;
    }

    public void setSomeText1(String someText1)
    {
        this.someText1 = someText1;
    }

    public String getSomeText2()
    {
        return someText2;
    }

    public void setSomeText2(String someText2)
    {
        this.someText2 = someText2;
    }
}

快乐园艺：）

相关问题
最新问题