Compartir a través de

Depurar código de ejemplo de aplicaciones (JavaScript)

  • Artículo

El código de este tema es el archivo de ejemplo para Inicio rápido: depurar aplicaciones (JavaScript). Los errores presentes por diseño en el tutorial rápido se corrigen en esta versión del código.

Código de ejemplo

El código HTML siguiente se usa en la etiqueta <body> del tutorial rápido.

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

En el ejemplo de código siguiente se muestra el código de JavaScript completo de default.js. Las referencias a los espacios de nombres de WinJS para este código están en el archivo default.html de la plantilla.

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

})();