Question

我正在从primefaces展示柜中做一个非常基本的例子

Primefaces版本= V-6.0.18 是9

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

代码没有区别，我看到bean被调用了。我还在chrome开发人员节点中看到了正在创建的样式，并且样式为“ display-none”。

问题我有

1）“根”的外观不正确，我看到根有一条线穿过。 2）当我点击Root时，什么也没有发生，没有节点扩展。我没有看到chrome开发人员抛出任何异常。

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

这是来自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>

Answer 1

感谢库克尔特耶（Kukeltje）的帮助。终于，我明白了。在我当前的现有项目中，以某种方式不存在jquery-ui.css。一旦添加了jquery-ui.css，它就会开始拾取缺少的图标，并且开始无缝运行。

Primefaces p：TEE水平无法正常工作并正确渲染

1 个答案: