Débogage de l'exemple de code des applications (JavaScript)

  • Article

Le code dans cette rubrique est l'exemple de fichier pour Démarrage rapide : débogage d'applications (JavaScript). Les erreurs présentes par conception dans le guide de démarrage rapide sont résolues dans cette version du code.

Exemple de code

Le code HTML suivant est utilisé dans la balise <body> du guide de démarrage rapide.

    <div id="flipTemplate" data-win-control="WinJS.Binding.Template" 
             style="display:none">
        <div class="fixedItem" >
            <img data-win-bind="src:  flipImg" />
        </div>
    </div>
    <div  id="fView" style="width:100%;height:100%;background-color:#0094ff" 
        data-win-control="WinJS.UI.FlipView" data-win-options= "{ 
        itemDataSource: pages.dataSource, itemTemplate: flipTemplate }" >
    </div>

L'exemple de code suivant affiche le code JavaScript complet dans default.js. Les références aux espaces de noms WinJS pour ce code se trouvent dans le fichier default.html du modèle.

(function () {
    "use strict";

    var app = WinJS.Application;
    var activation = Windows.ApplicationModel.Activation;

    var myData = [];
    for (var x = 0; x < 4; x++) {
        myData[x] = { flipImg: "/images/logo.png" }
    };

    var pages = new WinJS.Binding.List(myData, { proxy: true });

    app.onactivated = function (args) {
        if (args.detail.kind === activation.ActivationKind.launch) {
            if (args.detail.previousExecutionState !==
            activation.ApplicationExecutionState.terminated) {
                // TODO: . . .
            } else {
                // TODO: . . .
            }
            args.setPromise(WinJS.UI.processAll());

            updateImages();
        }
    };

    function updateImages() {

        pages.push(0, { flipImg: "https://go.microsoft.com/fwlink/?LinkID=223195" });
        pages.push(1, { flipImg: "https://go.microsoft.com/fwlink/?LinkID=223196" });
        pages.push(2, { flipImg: "https://go.microsoft.com/fwlink/?LinkID=223197" });
    };

    app.oncheckpoint = function (args) {
    };

    app.start();

    var publicMembers = {
        items: pages
    };

    WinJS.Namespace.define("Data", publicMembers);

})();