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

Question

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

如果我在我的 html 视图中定义模板（第一个场景），我可以成功地为每个 WinJS.UI.ListView 项动态模板化。但是，如果我使用 $.get 语句从单独的 html 文件加载模板，它将不起作用（第二个场景）。

self.selectTemplate = function (itemPromise) { return 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

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

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;
});