简单的 WinJS ListView 绑定答案

【问题标题】：Simple WinJS ListView Binding简单的 WinJS ListView 绑定
【发布时间】：2014-10-21 21:13:47
【问题描述】：

我正在开发一个 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()。

【问题讨论】：

我觉得不错。您必须提供完整代码，以便我们查看页面生命周期函数和内容。

标签： javascript listview binding windows-8.1 winjs

【解决方案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 属性

【讨论】：