0

ブートストラップ アコーディオンを正しく生成するために口ひげテンプレートを使用しています。ここで、最上位のアイテム id = 'accorElM' にプレフィックスを渡す必要があり、このようなことができると考えました。

 

 <div class="accordion" id='{{#DataResult[0].prefixID}}_accorElM'>

IE、コレクションの最初のアイテムを取得する

これは可能ですか？

コードサンプル:

  <div class="accordion" id='accorElM'>

              {{#DataResult}}

                     <div class="accordion-group">
                                <div class="accordion-heading">
                                    <a style="text-align: left; text-decoration: none" class="accordion-toggle btn" data-toggle="collapse" data-parent='#{{prefixID}}accorEl' href='#{{prefixID}}collapseEl_{{id}}'>
                                        <i class="icon-globe"></i>&nbsp;{{tipo}}<i class="icon-chevron-down pull-right"></i>
                                    </a>
                                </div>
                                <div id='collapseEl_{{id}}' class="accordion-body collapse">
                                    <div class="accordion-inner">
                                        <div class="row-fluid">
                                            <div class="span9">

                                                <address>

                                                    <br />
                                                   {{zona}}
                                                    <br />
                                                    {{cpostal}}
                                                    <br />
                                                    {{pais}}
                                                </address>
                                            </div>
                                            <div class="span3">
                                                <div class="pull-right">

                                                  .....

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

            {{/DataResult}}

          </div>
4

1 に答える 1

1

あなたのデータは次のようなものでなければならないと思います：

{"DataResult":[
    {"prefixID":"1","name":"first"},
    {"prefixID":"2","name":"second"}
    ]
}

しかし、口ひげのテンプレート ファイルでは、オブジェクト アイテムにインデックスを付けることができないと思います。私がとったアプローチには、Jsonオブジェクトをレンダリングする前にjavascriptで（またはオブジェクトを構築するときのバックエンドでも）操作することが含まれます。あなたの場合、DataResult の最初の項目の prefixID が必要な場合。オブジェクトを次のように変更できます。

{"DataResult":[
    {"prefixID":"1","name":"first"},
    {"prefixID":"2","name":"second"}
    ],
 "theIdIWant":"1"
}

そして、テンプレートファイルで：

<div class="accordion" id='{{theIdIWant}}_accorElM'>

          {{#DataResult}}
                 <div class="accordion-group">
                 ///////
                 </div>
          {{/DataResult}}
</div>

お役に立てれば。

于 2013-08-04T16:48:28.543 に答える