JavaのWebアプリケーション開発フレームワークによる、Webサイト開発の顛末記です。

EclipseのMavenを使った、Spring-MVC、Thymeleaf、MyBatis 等のプログラミングテクニックを、
備忘録的に記録しています。実際に動くソースコードを多用して説明していますので、
これからEclipseや、Spring-MVCを始めたいと思っている人にとって、少しでも参考になれば幸いです。
Spring-MVCの散歩道 > 応用の森(総合テクニック編) > ツリー階層構造表現 
<!DOCTYPE html>

<div xmlns:th="http://www.thymeleaf.org">
<!-- FormBean取得 -->
<table class="treebody" th:object="${FormCreatureClass}">
  <tr>
    <td class="top left">
      <!-- 分類階層ノードのLoop -->
      <div th:each="tree : *{result}" th:object="${tree}">
      <div th:attr="class=${tree.divclass}">
        <!-- ノード情報ブロック -->
        <div th:attr="name=${tree.leaf} + '_' + ${tree.rute}">
          <!-- +- アイコンを表示する Expand/Collapse Link -->
          <img class="ev_Expand" th:classappend="${tree.pointer}" th:id="'img_'+${tree.code}" th:src="'./images/tree/' + ${tree.icon}" th:attr="alt=${tree.tooltip}, title=${tree.tooltip}" border="0" />
          <!-- ノード情報 -->
          <span class="ev_Expand nowrap" th:classappend="${tree.pointer}" th:id="'lnk_'+${tree.code}" th:text="${tree.name}">ClassName</span> <span class="academic" th:text="'(' + ${tree.code} + ')'">Code</span>
        </div>
        <!-- 子Tree描画エリア(ここにAjaxによる検索結果が差し込まれます) -->
        <div class="treechdlist" th:id="'div_'+${tree.code}"></div>
      </div>
      </div>
    </td>
  </tr>
  <!--余白 -->
  <tr>
    <td class="top left">
      <img src="./images/spacer.gif" border="0" alt="" title="" height="10"/>
    </td>
  </tr>
  <!--余白 -->
</table>
</div>