Sdílet prostřednictvím

Ladění aplikace ukázkový kód JavaScript

  • Článek

Kód v tomto tématu je ukázkový soubor pro Quickstart: Ladění kódu HTML, CSS a JavaScript. Podle návrhu přítomných v Průvodce rychlým startem chyby jsou stanoveny v této verze kódu.

Ukázka kódu

Následující kód jazyk HTML se používá v <body> tag v rychlé spuštění.

<div id="FlipView" class="FlipView" style="width: 100%; height: 100%"></div>

Následující příklad kódu ukazuje kompletní kód JavaScript v default.js. Jsou požadována WinJS odkazy pro tento kód default.html soubor šablona.

(function () {
    'use strict';
    // Uncomment the following line to enable first chance exceptions.
    // Debug.enableFirstChanceException(true);

    WinJS.Application.onmainwindowactivated = function (e) {
        if (e.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.launch) {
            // TODO: startup code here
            var FlipViewDiv = document.getElementById("FlipView");
            var listview = WinJS.UI.FlipView(FlipViewDiv, {
                dataSource: getFlipData(), itemRenderer: FlipViewItemRenderer
            });
        }
    }

    function getFlipData() {
        var testData = [
        { name: "https://go.microsoft.com/fwlink/?LinkID=223195" },
        { name: "https://go.microsoft.com/fwlink/?LinkID=223196" },
        { name: "https://go.microsoft.com/fwlink/?LinkID=223197" }];

        return new WinJS.UI.ArrayDataSource(testData);
    }

    function FlipViewItemRenderer(e) {
        var result = document.createElement("div");
        var image = document.createElement("img");
        image.src = e.data.name;
        result.appendChild(image);
        return result;
    }

    WinJS.Application.start();
})();