winjs - 从外部源加载 WinJS.UI.ListView 的 itemTemplate

Question

我想知道是否有人可以阐明为什么这不起作用。

如果我在我的 html View 中定义模板(第一个场景)，我可以成功地动态模板化每个 WinJS.UI.ListView 项目。但是，如果我使用 $.get 语句从单独的 html 文件加载模板，则它不起作用(第二种情况)。

self.selectTemplate = function (itemPromise) {
返回 itemPromise.then(function (item) { ...

第一个场景:

(var itemTemplate = document.getElementById(item.data.controlType + "ItemTemplate");

var container = document.createElement("div");

itemTemplate.winControl.render(item.data, container);

return container;)

第二种情况:

(var itemTemplatePromise = ko.bindingHandlers.searchPropertyBuilder.loadTemplate(item.data.controlType);

itemTemplatePromise.done(function (itemTemplateLoaded) {

var templateContainer = document.createElement("div");

    templateContainer.innerHTML = itemTemplateLoaded;
    templateElement = templateContainer.firstChild; 

    WinJS.UI.process(templateElement);

    var container = document.createElement("div");
    templateElement.winControl.render(item.data, container);
    return container;
});)

}

WinJS.Utilities.markSupportedForProcessing(self.selectTemplate);

WinJS.Namespace.define("TemplateSelector", {

    template: self.selectTemplate
});

Answer 1

我可以在代码中看到一个错误。但不确定这是否是这里唯一的问题。 promises 需要被链接起来。 winjs.ui.processAll 返回一个 promise 。

itemTemplatePromise.then(function (itemTemplateLoaded) {

  var templateContainer = document.createElement("div");
  templateContainer.innerHTML = itemTemplateLoaded;
  templateElement = templateContainer.firstChild; 

  return WinJS.UI.processAll(templateElement);
}).then(function onprocessall()
{
    var container = document.createElement("div");
    templateElement.winControl.render(item.data, container);
    return container;
});