Question

我正在使用jQuery mobile和jsRender来模拟一些JSON对象。

我在jQuery mobile中创建了一个listview，输出：

<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节点渲染传递的变量？

谢谢，

尼克

Answer 1

我不确定我是否理解你的问题。如果您的意思是让用户点击/单击列表中的产品，然后显示该产品的详细信息，那么听起来您需要使用JsViews。请查看live JsViews samples和相应的代码，包括this one

JsViews进行数据绑定，允许您“可观察地”更改数据对象和数组，因此更改会在呈现的模板中自动更新。它允许您从单击事件到相应的视图对象及其呈现的数据项。

如何在JSRender中动态呈现Arrays条目

1 个答案: