Cacher is the code snippet organizer for pro developers

//<div data-role="view" 
    //data-init="onInit" 
    //data-before-show="onBeforeShow" 
    //data-show="onShow" 
    //data-model="viewModel">
//  ...
//</div>

function onInit(e) {
    console.log("init");
}
 
function onBeforeShow(e) {
    console.log("beforeShow");
}
 
function onShow(e) {
    console.log("show");
}

//The order of events is:

//bind view model
//beforeShow
//init
//show

//So, what does this mean? 
//Well, if you want to do anything in your init or beforeShow to set up your ViewModel, you can’t.
//However this does mean that from the init, show, and beforeShow 
//events you can access the initialized MVVM bound widgets.