Primefaces p: тоее горизонталь не работает и рендерится правильно - PullRequest
0 голосов
/ 06 октября 2018

Я делаю очень простой пример из демонстрации простых лиц

Версия Primefaces = V-6.0.18 БЫЛА 9

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

Нет разницы в кодеи я вижу, как вызывается боб.Я также вижу, что создаются узлы Chrome для разработчиков и style = "display-none".

Проблемы, которые возникают у меня

1) Внешний вид "Root" не верный. Я вижу root слиния прорвана.2) Когда я нажимаю на Root, ничего не происходит, расширение узла отсутствует.Я не вижу никаких исключений в Chrome Developer.

ПРИМЕЧАНИЕ. Код точно такой же, как и в витрине, без изменений

enter image description here

Это от разработчика 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>

1 Ответ

0 голосов
/ 11 октября 2018

Спасибо, Кукельтье за ​​попытку помочь.Наконец-то я понял это.В моем текущем существующем проекте как-то не было jquery-ui.css.Как только я добавил jquery-ui.css, он начал собирать пропущенные значки и начал работать без проблем.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...