jsrenderです。ネストさせたforでの親のindexのとりかた。 2013/11/04 2013/11/06

テンプレートエンジンのjsrenderです。ネストさせたforで親のindexのとりかたです。
方法がわかるまで、時間かかりました。。。

• JsRender Access parent index in nested template - Stack Overflow

 forを定義するときに親のindexを変数に格納するということができました。

 むずかしい。。。


とりあえずサンプル

        <script id="tmplBox" type="text/x-jsrender">
            {{for qq}}
                <div class="qbox">
                    <p class="qtitle">{{:title}}</p>
                    <ul class="qbody">
                        {{for qbody ~parent_index=#index+1}}
                        <li>
                            <label><input name="rg_{{:~parent_index}}" type="radio" id="r_{{:~parent_index}}_{{:#index+1}}">{{:t}}</label>
                        </li>
                        {{/for}}
                    </ul>
                </div>
            {{/for}}
        </script>

{{:#index}} jsrender - javascriptテンプレートエンジン 2013/11/03

現在、javascriptでのクライアント側でテンプレートエンジンを調べてたりしてます。
テンプレートエンジンがあるということを知らず、なんとなく、こんなのあったらいいよなーと最近、思ってたのですが、いろいろありますね。

候補の決めては、まず、コミュニティが活発であることかなーと思いつつも、気にしはじめるときりなさそうなので、勘で決めてたりしてます。

そんなに難しことする予定ないので。

いまのところ有力候補は、ふたつ。

• jsrender
• Hogan.js

現時点、jsrenderでいこうかなと思ってます。
それで、配列ぐるぐるまわしてfor繰り返しできるのはいいのですが、カウントとりたいなとか思ったときどうするのか。わからずこまりました。

ドキュメントあさってわかったのは

{{:#index}}

forの中でも使えました。

ちなみに、jsrenderのサイトでは、動作を確認できるので、動きが確認できます。