showPage(pageId, effect, [parameters], [onComplete], [onBack])
Presenta una nueva página con un efecto de transición específico.
Los parámetros posibles son:
- pageId: Id de la página.
- effect: Efecto a utilizar en la transición.
- parameters: Opcional. Parámetros a pasar a la página.
- onComplete: Opcional. Función callback a invocar cuando la transición se complete. function(prevPageId, pageId, effect, parameters, isBack)
- onBack: Opcional: Función callback a ser invocada cuando se ejecute mui.history.back() y retorne a este página.
El uso más común de este método es sobre el mui.viewport, el Viewport estándar más usado, seguido por mui.screen, en menor manera.
Recomendamos la lectura de Transición de páginas y paneles y la Guía de Usuario.
Ejemplo rápido
//Presentar la page1 del Viewport estandar mui-viewport con la transición por defecto.
//Observar que mui.viewport == mui.getViewport('mui-viewport')
mui.viewport.showPage('page1', 'DEF');
//Presentar la superpage2 del Viewport estandar mui-screen sin efecto de transición.
//Observar que mui.screen == mui.getViewport('mui-screen')
mui.screen.showPage('superpage2', 'NONE');
//Presentar la página CustomPage1 del viewport MyViewport con efecto SLIDE_LEF e invocar a una función al finalizar.
mui.getViewport('MyViewport').showPage('CustomPage1', 'SLIDE_LEFT', function(prevPageId, pageId, effect, parameters, isBack) {...});