简单的WinJS ListView绑定

Question

我正在开发一个Windows8.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>

请注意ListView标记中的新data-win-options属性