JarCastingJQueryMobile contribs
A - Navigation Events
1 - Define the eventbus (https://github.com/Ovea/js-eventbus)
if (myapp.bus == undefined) {
(function($) {
myapp.bus = {
local: new EventBus({
name: 'EventBus Local'
})
};
})(jQuery);
}
2 - Bridge jquery Mobile with the EventBus
if (myapp.namesapce == undefined) {
(function($) {
window.jqmcontrib.bridge(myapp.bus.local);
})(jQuery);
}
3 - No you can listen anywhere on your code the JQueryMobile events (pagebeforeshow, pagecreate, pageshow, pagehide) through topics (beforeshow, create, show, hide).
// Be notified by the creation of the page 'member'
myapp.bus.local.topic('/event/ui/view/create/member').subscribe(function(page) {
r
}
// For all pages
myapp.bus.local.topic('/event/ui/view/create').subscribe(function(page) {
}
....
B - Navigation
1 - Define the eventbus (https://github.com/Ovea/js-eventbus)
if (myapp.bus == undefined) {
(function($) {
myapp.bus = {
local: new EventBus({
name: 'EventBus Local'
})
};
})(jQuery);
}
2 - Init Navigation object
if (app.navigation == undefined) {
(function($) {
app.navigation = new window.jqmcontrib.Navigation(myapp.bus.local);
})(jQuery);
}
3 - Use in your app
// In which page I am ?
var page = app.navigation.pageName();
// Go to external URL and when I come back to my app go to page : myPage
app.navigation.redirect(external_url, {
to: myPage
});
N.B : The navigation object publish on topic '/event/navigation/restoring' when it restore state
// Change page
app.navigation.changePage('game');
