This is a migrated thread and some comments may be shown as answers.

loading popup

11 Answers 302 Views

Application

This is a migrated thread and some comments may be shown as answers.

11 Answers, 1 is accepted

answered on 21 Nov 2013, 02:50 PM

I am using the default kendo app from icenium. It contains kendo+jaydata. All is working fine but i cannot get the popup to fire. The app is using the default app.js file

(function (global) {
    var mobileSkin = "",
        app = global.app = global.app || {},
        os = kendo.support.mobileOS,
        statusBarStyle = os.ios && os.flatVersion >= 700 ? "black-translucent" : "black";

    document.addEventListener('deviceready', function () {
        navigator.splashscreen.hide();
    }, false);

    app.application = new kendo.mobile.Application(document.body, { layout: "tabstrip-layout", statusBarStyle: statusBarStyle });

    app.changeSkin = function (e) {
        if (e.sender.element.text() === "Flat") {
            e.sender.element.text("Native");
            mobileSkin = "flat";
        }
        else {
            e.sender.element.text("Flat");
            mobileSkin = "";
        }
        app.application.skin(mobileSkin);
    };
})(window);

i load my sripts like this

       <script src="Scripts/kendo/js/kendo.all.min.js"></script>
        <script src="Scripts/kendo/app.js"></script>
        <script src="Scripts/DataTransactions.js"></script>
        
        <script src="Scripts/bootstrap.min.js"></script>
        
        <script src="Scripts/datajs-1.1.1.min.js"></script>
        <script src="Scripts/JayData/jaydata.min.js"></script>
        <script src="Scripts/JayData/jaydatamodules/kendo.min.js"></script>

then in my main index.html file i use the exact same code as in example for popup. I've tried using instead of app app.application, and also tried without setting

var app = new kendo.mobile.Application(document.body);

answered on 22 Nov 2013, 08:49 AM

Hello!

Thanks for your help, what I did is when i am starting a transacttion for syncronizing my app is just set

app.showLoading();

and when it's done

Database.saveChanges({
                            success: function (db) {
                                app.hideLoading();
                                alert("Sync Complete");
                            }
                        });

So far so good but i cannot get changeLoadingMessage() to work. I tried updating the oldre kendo.mobile.min.js with the latest one but it didn't work either