LoginSignup
0
0

More than 5 years have passed since last update.

階層的にデータを取得するには(多重iterate)

Last updated at Posted at 2014-03-17

概要

材料

変換前html
<form id="dept" data-wao-action="/dept/list/">
  <input type="hidden" name="parent_id" data-wao-param="get">
  <input type="hidden" name="emp1.name__like" data-wao-param="get">
</form>
<form id="emp1" data-wao-action="/emp/list/">
  <input type="hidden" name="del_flg" value="false" data-wao-param="inner">
</from>
<ul>
  <li data-wao-iterate="dept,3">
    <span data-wao-bindinner="name">部署名</span>
    <ul>
      <li data-wao-iterate="emp1,5">
        <span data-wao-bindinner="name">社員名</span>
      </li>
    </ul>
  </li>
</ul>
<ul>
  <li data-wao-iterate="emp1,20">
    <span data-wao-bindinner="name">社員名</span>
  </li>
</ul>
アクセスURL

http://FQDN/dept/list/?parent_id=10&emp1.name__like=n

deptテーブル
id parent_id name
10 NULL 第一開発本部
20 NULL 第一開発本部
11 10 第一開発部
12 10 第二開発部
21 20 第三開発部
22 20 第四開発部
empテーブル
id fk_dept name del_flg
1 11 Andy false
2 11 Bill true
3 12 Cameron false
4 12 Dave false
5 21 Edgar false
6 22 Frank false
7 22 Gus false

できあがり

変換後html
<ul>
  <li>
    <span>第一開発部</span>
    <ul>
      <li>
        <span>Andy</span>
      </li>
    </ul>
  </li>
  <li>
    <span>第二開発部</span>
    <ul>
      <li>
        <span>Cameron</span>
      </li>
      <li>
        <span>Dave</span>
      </li>
    </ul>
  </li>
</ul>
<ul>
  <li>
    <span>Andy</span>
  </li>
  <li>
    <span>Cameron</span>
  </li>
  <li>
    <span>Dave</span>
  </li>
  <li>
    <span>Edgar</span>
  </li>
  <li>
    <span>Frank</span>
  </li>
  <li>
    <span>Gus</span>
  </li>
</ul>
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0