Question

我正在开发一个Windows 8.1应用程序，我有一些数据要绑定到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属性

简单的WinJS ListView绑定

1 个答案: