Last modified date : 2014/11/17

MTAppJSONTableで保存した値をリスト形式で出力する場合のテンプレートを紹介します。

まず、MTAppJSONTableの設定は下記のようになっているとします。

$("#excerpt").MTAppJSONTable({
  inputType: 'input',
  caption: "リンクを登録",
  header: {link_name: 'リンク名', link_url: 'URL'},
  headerOrder: ["link_name","link_url"],
  headerPosition: 'top',
  footer: false,
  edit: true,
  add: true,
  clear: true,
  debug: false
});

これをulで出力するテンプレートは下記の通りです。

<mt:Entries>
  <mt:EntryExcerpt json_decode="1" setvar="json">
  <mt:Var name="json" key="items" setvar="items">
  <mt:SetVar name="items_index" value="0">
  <mt:Loop name="items">
  <mt:If name="__first__">
  <ul>
  </mt:If>
    <mt:Var name="items" index="$items_index" setvar="item">
    <li><a href="<mt:Var name="item" key="link_url">"><mt:Var name="item" key="link_name"></a></li>
    <mt:SetVar name="items_index" op="++">
  <mt:If name="__last__">
  </ul>
  </mt:If>
  </mt:Loop>
</mt:Entries>

配列itemsMTLoopで回していますが、そのループの手前で変数items_indexを初期化し、ループ処理の最後でインクリメントしてループ中のインデックスを管理しています。