primefaces - Primefaces p：tee水平无法正常工作和渲染

问题描述

我正在做一个来自 primefaces 展示的非常基本的例子

Primefaces 版本 = V-6.0.18 WAS 9

https://www.primefaces.org/showcase/ui/data/htree/basic.xhtml

代码没有区别，我看到 bean 被调用。我还看到正在创建的 chrome 开发人员节点和 style="display-none"。

我遇到的问题

1）“根”的外观和感觉不正确我看到根有一条线穿过。2）当我点击 Root 没有任何反应，没有节点扩展。我没有看到 chrome developer 引发任何异常。

注意：代码与展示中的代码完全相同，没有变化

这是来自 chrome 开发人员

<tr>
  <td class="ui-treenode ui-treenode-parent ui-treenode-collapsed ui-treenode-unselected" data-nodetype="default" data-rowkey="root"><div
      class="ui-treenode-content ui-tree-selectable ui-state-default ui-corner-all">
      <span class="ui-tree-toggler ui-icon ui-icon-plus"></span><span></span>Root
    </div></td>
  <td class="ui-treenode-children-container" style="display: none"><div class="ui-treenode-children">
      <table>
        <tbody>
          <tr>
            <td class="ui-treenode-connector"><table class="ui-treenode-connector-table">
                <tbody>
                  <tr>
                    <td></td>
                  </tr>
                  <tr>
                    <td class="ui-treenode-connector-line"></td>
                  </tr>
                </tbody>
              </table></td>
            <td class="ui-treenode ui-treenode-parent ui-treenode-collapsed ui-treenode-unselected" data-nodetype="default" data-rowkey="0"><div
                class="ui-treenode-content ui-tree-selectable ui-state-default ui-corner-all">
                <span class="ui-tree-toggler ui-icon ui-icon-plus"></span><span></span>Node 0
              </div></td>
            <td class="ui-treenode-children-container" style="display: none"><div class="ui-treenode-children">
                <table>
                  <tbody>
                    <tr>
                      <td class="ui-treenode-connector"><table class="ui-treenode-connector-table">
    enter code here

我不确定是 css 问题/JS 问题吗？

任何帮助将不胜感激。

编辑：

刚刚测试没有方向=“水平”

<p:tree value="#{treeBasicView.root}" var="node">
        <p:treeNode>
            <h:outputText value="#{node}" />
        </p:treeNode>
    </p:tree>

它有效，但我想要水平方向，但它不起作用

<p:tree value="#{treeBasicView.root}" var="node" orientation="horizontal">
        <p:treeNode>
            <h:outputText value="#{node}" />
        </p:treeNode>
    </p:tree>

标签： primefacesptree

primefaces - Primefaces p：tee水平无法正常工作和渲染

问题描述

解决方案

推荐阅读