javascript - 使用代码中的模板实例化 WinJS.UI.ListView 时出错

Question

在创建包含 WinJS.UI.ListView 的自定义 WinJS 控件的过程中，我试图允许用户传递模板的选择器。

但是，无论我是否像您期望的那样在 HTML 页面中“预先创建”了模板:

<div data-win-control="WinJS.Binding.Template"> <!-- ... --> </div>

如果我查询元素并从如下代码创建模板，也不会:

var template = new WinJS.Binding.Template(document.querySelector(selector));

当我开始实例化 ListView 并将模板元素本身(或其 winControl 属性)传递给 ListView 的 itemTemplate 选项时，如下所示:

new WinJS.UI.ListView(elem,  { itemTemplate: template.winControl });

我收到以下错误:

Exception is about to be caught by JavaScript library code at line 11562, column 21 in ms-appx://microsoft.winjs.2.0/js/base.js

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method '_renderItemImpl'

我试图追溯它，但在 base.js 中迷失了方向。希望其他人也遇到过这种情况。

注意:我已将我的解决方法作为答案包含在内。

Answer 1

我能够开始工作的唯一解决方法是在代码中实例化模板，然后在实例化 ListView 时将函数传递给 itemTemplate 选项。关于这里预期内容的文档很少，但是通过代码实例化 ListView 的所有演示都使用模板函数，因此我认为这是实现这一目标的唯一方法。

new WinJS.UI.ListView(elem,  {
    itemTemplate: function (promise) {
        return promise.then(function (item) {
            return resultsTemplate.render(item.data);
        });
    }
});