windows-8 - listview windows 8 itemtemplateを動的にjavascriptを参照する

Question

HTML5/Javascript を使用して win8 アプリを開発しています。itemtemplate を外部の html ファイルに設定し、必要に応じて参照する必要があります。

それは可能ですか？

Answer 1

外部のhtmlファイルからロードできるとは思いません。ただし、JavaScriptで完全にテンプレートを作成できます。

次のコードはここからコピーされます：http：//msdn.microsoft.com/en-us/library/windows/apps/hh700705.aspx

    app.onactivated = function (args) {
        if (args.detail.kind === activation.ActivationKind.launch) {
            if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) {
                // TODO: This application has been newly launched. Initialize
                // your application here.
            } else {
                // TODO: This application has been reactivated from suspension.
                // Restore application state here.
            }
            args.setPromise(WinJS.UI.processAll().then(function () {
                var lView = document.getElementById("templateFunctionListView").winControl;
                lView.itemTemplate = itemTemplateFunction;

            }));

        }
    };

   function itemTemplateFunction(itemPromise) {

       return itemPromise.then(function (item) {
           var div = document.createElement("div");

           var img = document.createElement("img");
           img.src = item.data.picture;
           img.alt = item.data.title;
           div.appendChild(img);

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

           var title = document.createElement("h4");
           title.innerText = item.data.title;
           childDiv.appendChild(title);

           var desc = document.createElement("h6");
           desc.innerText = item.data.text;
           childDiv.appendChild(desc);

           div.appendChild(childDiv);

           return div;
       });
    };