Primefaces树导航

Question

作为我之前询问的question的后续行动，现在可以使用第5个曲面，我似乎无法使用箭头键来导航树。正如我之前提到的，在展示中，可以使用箭头键来导航，展开或折叠节点。然而，在本地使用完全相同的代码不允许此箭头键导航。

我需要添加到树元素的特定属性吗？

如何启用箭头键导航，展开和上下文？

这是树片段：

                        <p:tree  value="#{treeEventsView.root}"   var="doc" selectionMode="single" selection="#{treeEventsView.selectedNode}" dynamic="true">
                        <p:ajax event="expand" update=":form:messages" listener="#{treeEventsView.onNodeExpand}"  />
                        <p:ajax event="collapse"  listener="#{treeEventsView.onNodeCollapse}" />
                        <p:ajax event="select" listener="#{treeEventsView.onNodeSelect}" />
                        <p:ajax event="unselect"  listener="#{treeEventsView.onNodeUnselect}" />
                        <p:treeNode expandedIcon="ui-icon-folder-open" collapsedIcon="ui-icon-folder-collapsed" ariaLabel="Folder" >
                            <h:outputText value="#{doc.name}"/>
                        </p:treeNode>
                        <p:treeNode type="document" icon="ui-icon-document">
                            <h:outputText value="#{doc.name}" />
                        </p:treeNode>
                        <p:treeNode type="picture" icon="ui-icon-image">
                            <h:outputText value="#{doc.name}" />
                        </p:treeNode>
                        <p:treeNode type="mp3" icon="ui-icon-video">
                            <h:outputText value="#{doc.name}" />
                        </p:treeNode>
                    </p:tree>