0

jQuery mobileとjsRenderを使用して、いくつかのJSONオブジェクトをテンプレート化しています。

jQuerymobileで以下を出力するリストビューを作成しました。

<li><a href="#product-detail" data-ID="2" data-array="0">Product A</a></li>
<li><a href="#product-detail" data-ID="5" data-array="2">Product B</a></li>
<li><a href="#product-detail" data-ID="8" data-array="3">Product C</a></li>

リストリンクをクリック（タップ）すると、配列固有の製品情報とトップレベルのJSON（言語関連）で構成される製品詳細ページをレンダリングしたいと思います。

<h2 id="h2test">{{:productArray[0].Title}}</h2>
 <div class="row">
  <div class="from-column">
   <div class="from">{{:language.products.from}}</div>
    <div class="price">£929.99</div>
   </div>
  <a href="#" class="buy-now">{{:language.products.buyNow}}</a>
</div>

テンプレートには、アレイ固有の製品情報や言語など、さらに多くの情報が含まれています。

{{：productArray [0] .Title}}に動的にアクセスするにはどうすればよいですか？つまり、productArrayノードに渡された変数をレンダリングしますか？

ありがとう、

ニック

4

1 に答える 1

0

あなたの質問を理解しているかどうかわかりません。ユーザーがリスト内の製品をタップ/クリックして、その製品の詳細を表示できるようにする場合は、JsViews を使用する必要があるように思えます。ライブ JsViews サンプルと、これを含む対応するコードを見てください。

JsViews はデータ バインディングを行い、データ オブジェクトと配列を「観察可能に」変更できるようにするため、レンダリングされたテンプレートで変更が自動的に更新されます。また、クリック イベントから、対応するビュー オブジェクトと、それがレンダリングされたデータ項目を取得できます。

于 2012-06-28T01:03:33.993 に答える