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

Posted 2023-02-21

【中文标题】Primefaces p：tee水平无法正常工作和渲染

【英文标题】：Primefaces p:teee horizontal not working and rendering correctly

【发布时间】：2018-10-06 18:02:27

【问题描述】：

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

Primefaces 版本 = V-6.0.18 是 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问题？

任何帮助将不胜感激。

编辑：

刚刚测试，没有orientation="horizo​​ntal"

<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>

【问题讨论】：

您好，我无法复制，请创建一个完整的真实minimal reproducible example，然后尝试 6.1 或 6.2

【参考方案1】：

感谢 Kukeltje 提供的帮助。最后，我想通了。在我当前现有的项目中，不知何故 jquery-ui.css 不存在。一旦我添加了 jquery-ui.css，它就会开始拾取丢失的图标并开始无缝工作。