다음을 통해 공유

앱 샘플 코드 디버깅(JavaScript)

  • 아티클

이 항목의 코드는 빠른 시작: 앱 디버깅(JavaScript)에 대한 샘플 파일입니다.퀵 스타트에서 의도적으로 제공되는 오류는 이 버전의 코드에서 수정됩니다.

샘플 코드

다음 HTML 코드는 퀵 스타트의 <body> 태그에서 사용됩니다.

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

다음 코드 예제에서는 default.js의 전체 JavaScript 코드를 보여 줍니다.이 코드의 WinJS 네임스페이스에 대한 참조는 템플릿의 default.html 파일에 있습니다.

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

})();