簡單的WinJS ListView綁定

Question

我正在開發一個Windows 8.1應用程序，我有一些數據我想要綁定到一個列表視圖。出於某種原因，我無法顯示數據，並且我不太確定我犯的錯誤。

HTML：

<div id="resultTemplate" data-win-control="WinJS.Binding.Template"> 
    <div class="win-type-small result" data-win-bind="innerText:name"></div> 
</div> 
<div data-win-control="WinJS.UI.ListView" id="resultsView"></div> 

的Javascript：

var results = [{ name: "quebec" }, { name: "quebec1" }]; 
var dataList = new WinJS.Binding.List(results); 
var resultsListView = document.getElementById("resultsView").winControl; 
var resultTemplate = document.getElementById("resultTemplate"); 

resultsListView.itemTemplate = resultTemplate; 
resultsListView.itemDataSource = dataList.dataSource; 

我在我的javascript的頂部調用WinJS.UI.processAll（）。

Answer 1

我沒有看到任何錯誤，但你可以嘗試在html中設置itemTemplate。

<div id="resultTemplate" data-win-control="WinJS.Binding.Template"> 
    <div class="win-type-small result" data-win-bind="innerText:name"></div> 
</div> 
<div data-win-control="WinJS.UI.ListView" id="resultsView" data-win-options="{ itemTemplate: select('#resultTemplate')}"></div> 

公告實施新data-win-options屬性ListView中標記