2012-06-25 40 views
0

陣列條目我使用jQuery Mobile和jsRender到模板中的一些JSON對象。你如何動態地呈現在JSRender

我已經創建了jQuery Mobile的列表視圖,其輸出:

<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節點渲染一個傳遞的變量?

感謝,

尼克

回答

0

我不知道如果我理解你的問題。如果你的意思是你想讓用戶點擊/點擊列表中的一個產品,然後顯示該產品的詳細信息,那麼它聽起來像你需要使用JsViews。看看live JsViews samples和相應的代碼,其中包括this one

JsViews會執行數據綁定,允許您更改數據對象和數組'可觀察',以便更改會在渲染模板中自動更新。它可以讓你從一個click事件到相應的視圖對象,並將其呈現了根據數據項獲得。