javascript - 简单的 WinJS ListView 绑定(bind)

Question

我正在开发一个 Windows 8.1 应用程序，并且我有一些数据想要绑定(bind)到 ListView 。由于某种原因，我无法显示数据，而且我不太确定我在哪里犯了错误。

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 属性