Как динамически создавать несколько вложенных объектов в тимелеф - PullRequest
0 голосов
/ 29 мая 2019

В настоящее время я делаю сайт с рассылкой новостей. Я хочу публиковать и показывать комментарии под каждым постом.

МОЙ ПОСТ

  • первый комментарий
    • комментариев к первому комментарию
      • комментариев ко второму комментарию -так на ...
  • второй комментарий
  • третий комментарий

Я знаю, как динамически создавать элементы в цикле с одним уровнем вложенности. Но как я могу создать несколько вложений?

Например, я могу создавать комментарии:

<div class='comments' th:each="comment : ${comments}">
  <div class='comment' th:text='comment'/>
</div>

Как создать несколько вложений?

<div class='comments' th:each="comment : ${comments}">
  <div class='comment' th:text='comment'>
      <div class='comment' here comment to comment/>
          etc..
  </div>
</div>

1 Ответ

1 голос
/ 29 мая 2019

Я думаю, вам придется сделать это с фрагментами .Например, с таким объектом:

Объекты

class Comment {
    private String text;
    private List<Comment> children = new ArrayList<>();

    public Comment(String text, Comment... children) {
        this.text = text;
        this.children.addAll(Arrays.asList(children));
    }

    public String getText() {return text;}
    public void setText(String text) {this.text = text;}

    public List<Comment> getChildren() {return children;}
    public void setChildren(List<Comment> children) {this.children = children;}
}

Контроллер:

List<Comment> comments = new ArrayList<>();
comments.add(new Comment("hello", new Comment("nooooo")));
comments.add(new Comment("it's another comment", new Comment("again", new Comment("yeah!"))));
comments.add(new Comment("whoopity doo"));
model.put("comments", comments);

Вы можете вывести цепочку вложенных комментариев с такими фрагментами:

<th:block th:each="comment: ${comments}">
    <div th:replace="template :: comments(${comment})" />
</th:block>

<th:block th:if="${false}">
    <ul th:fragment="comments(comment)">
        <li>
            <div th:text="${comment.text}" />

            <th:block th:unless="${#lists.isEmpty(comment.children)}" th:each="child: ${comment.children}">
                <div th:replace="template :: comments(${child})" />
            </th:block>
        </li>
    </ul>
</th:block>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...