Windows 8 JS和html5應用程序 - 在模板中的foreach

如何循環通過我的WinJS.UI.ListView控件中的WinJS.Binding.Template項目？Windows 8 JS和html5應用程序 - 在模板中的foreach

我的數據：

{ category: 'Sports', 
    items: [ 
    { title: 'soccer'}, { title: 'tennis'} 
    ] 
}

我想什麼在我的模板做：

<div id="myTmpl" data-win-control="WinJS.Binding.Template" style="display:none"> 
    <h1 data-win-bind="innerText: category"></h1> 
    <div data-win-REPEATER="each: items"> 
    <span data-win-bind="innerText: title"></span> 
    </div> 
</div>

來源

2012-11-19 Ian Davis

-1

你檢查

http://code.msdn.microsoft.com/windowsapps/ListView-basic-usage-sample-fcc451db

一般情況下，自動循環是（它會根據d來做atasource信息）

<div id="listView" 
     class="win-selectionstylefilled" 
     data-win-control="WinJS.UI.ListView" 
     data-win-options="{ 
      itemDataSource: myData.dataSource, 
      itemTemplate: myTmpl, 
      selectionMode: 'none', 
      tapBehavior: 'none', 
      swipeBehavior: 'none', 
      layout: { type: WinJS.UI.GridLayout } 
     }" 
    ></div>

來源

2012-11-19 18:01:23

我不會推薦使用列表視圖的基本列表方案。列表視圖控件是一個複雜，豐富且功能全面的控件。但是，如果你只是想要一個簡單的測試項目列表，那麼這完全是過度的。 –

即使您認爲這是一個複雜的控件，它也是WOWZAPP中所有微軟工程師建議的控件 - 針對Windows的Hackathon。這個想法是爲了讓WINJS的開發更容易，他不需要編寫大量的代碼（如你所建議的）來完成已經實現的任務。如果listview如此「複雜」，爲什麼這個解決方案在微軟提供給開發者的所有模板中都被使用/建議？ http://stephenwalther.com/archive/2012/05/18/metro-introduction-to-the-winjs-listview-control.aspx –

這對於主要體驗來說是很棒的。但是爲了在簡單的項目模板中放置一個列表，這很愚蠢。這是瘋了。而且，最重要的是，它不被支持 - 你不能在列表視圖中嵌套列表視圖。 Listview *是一個很好的控件，但它不是用於標記事件的控件。它不是WPF ItemsControl的WinJS版本。它太重了。 –

因爲要嵌套的項目的細節，我建議你看看我的回答另一個問題時，這是非常相似的：

WinJS ListView and Template Binding

這有所有重要細節。

這表明，沒有理由你不能在這裏集成JQuerys模板 - 你只需要找到一種方法讓他們使用WinJS模板/控制合同。

來源

2012-11-19 18:07:10

Windows 8 JS和html5應用程序 - 在模板中的foreach

回答

相關問題