Condividi tramite


Debug del codice di esempio delle applicazioni (JavaScript)

Il codice in questo argomento è il file di esempio relativo a Guida rapida: Debug di app (JavaScript). Gli errori presenti nella guida introduttiva, in base alla progettazione, vengono corretti in questa versione del codice.

Codice di esempio

Il seguente codice HTML viene utilizzato nel tag <body> della guida introduttiva.

    <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>

Nell'esempio di codice seguente viene illustrato il codice JavaScript completo in default.js. I riferimenti agli spazi dei nomi WinJS necessari per questo codice si trovano nel file default.html del modello.

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

})();