Question

我是Primefaces的新手，我现在尝试使用Primefaces树几天了。基本上，我有一棵树。我在这棵树上附上了一个上下文菜单。单击上下文菜单时，将打开一个对话框窗口，显示有关树的选定节点的更多详细信息。我尝试重现基于Tree和TreeTable示例的primefaces展示。

当我运行项目时，我尝试打开对话框窗口，我在调试器中出现此错误：

WARNING: /protected/treeonly.xhtml @34,91 value="#{folderManagedBean.selectedNode.data.name}": Target Unreachable, 'null' returned null
javax.el.PropertyNotFoundException: /protected/treeonly.xhtml @34,91 value="#{folderManagedBean.selectedNode.data.name}": Target Unreachable, 'null' returned null

请参阅下面的JSF页面

    <?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:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>

        <h:form id="form">  

            <!--*********** Context Menu ***********-->
            <p:contextMenu for="folderTree">  
                <p:menuitem value="Rename Folder" update="folderPanel" oncomplete="folderDialog.show();" icon="ui-icon-plus"/>
            </p:contextMenu> 

            <!--*********** Folder Tree ***********-->
            <p:tree style="border:none;" id="folderTree" value="#{folderManagedBean.root}" var="folder" selectionMode="single" selection="#{folderManagedBean.selectedNode}">  
                <p:treeNode expandedIcon="ui-icon-folder-open" collapsedIcon="ui-icon-folder-collapsed">  
                    <h:outputText value="#{folder.name}" />  
                </p:treeNode>  
            </p:tree>  


            <!--*********** Dialog Box ***********-->
            <p:dialog header="New Folder" widgetVar="folderDialog" modal="true" resizable="false"  
                      showEffect="clip" hideEffect="fold">  
                <p:outputPanel id="folderPanel">  
                    <h:panelGrid columns="2" cellpadding="4">  
                        <h:outputText value="Folder Name:" />  
                        <p:inputText value="#{folderManagedBean.selectedNode.data.name}"/> 
                    </h:panelGrid>  
                </p:outputPanel>
            </p:dialog>  


        </h:form>


    </h:body>
</html>

这里是托管bean：

@ManagedBean
@SessionScoped
public class FolderManagedBean implements Serializable{

    @EJB
    private FolderBean folderBean;

    private Folder froot;  
    private TreeNode root;

    private TreeNode selectedNode;  

    public FolderManagedBean() {   
    }

    @PostConstruct
    public void initialize(){
        root = buildTree();
    }

    public TreeNode getRoot(){
        return root;
    }


    private TreeNode buildTree(){
        froot = folderBean.getRootFolder();

        root = new DefaultTreeNode("root", null);      
        TreeNode realRoot = new DefaultTreeNode(froot, root);

        for (Folder child : froot.getChildFolders()){
            TreeNode tnChild = new DefaultTreeNode(child, realRoot);
            tnChild.setParent(realRoot);
            buildTreeRecursively(tnChild);
        }        
        return root;     
    }

    private void buildTreeRecursively(TreeNode currentNode){
        Folder folder =  (Folder)(currentNode.getData());
        for(Folder child : folder.getChildFolders()){
            TreeNode tnChild = new DefaultTreeNode(child, currentNode);
            tnChild.setParent(currentNode);

            buildTreeRecursively(tnChild);
        }
    }

    public TreeNode getSelectedNode() {
        return selectedNode;
    }

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

任何帮助都会非常感激。

Answer 1

我希望异常显示在页面加载上。该对话框有一个inputText，引用selectedNode。页面加载时该值为null（因为尚未选择），因此NullPointerException。您的问题有多种解决方案。

最简单的解决方案是设置<p:dialog dynamic="true"对话框，然后只有在访问对话框时才访问该属性。

更新：您还需要使用AJAX事件处理程序更新select对话框。

<p:tree style="border:none;" id="folderTree" value="#{folderManagedBean.root}" var="folder" selectionMode="single" selection="#{folderManagedBean.selectedNode}">
    <p:ajax event="select" update="folderPanel"/>  
    <p:treeNode expandedIcon="ui-icon-folder-open" collapsedIcon="ui-icon-folder-collapsed">  
        <h:outputText value="#{folder.name}" />  
    </p:treeNode>  
</p:tree>

需要删除上下文菜单中的update属性。

Answer 2

好的，我终于解决了。我将属性appendToBody="true"添加到对话框中，它可以正常工作。

更新：此解决方案有效，但不太清楚。我不明白属性dynamic="true"的确切目的是什么。这就是为什么，在我看来，上述解决方案更为正确。

Primefaces 3.4：Tree selectedNode为null

2 个答案: