Cambio de fichas dentro vistaweb
-
28-09-2019 - |
Pregunta
Me he de configuración de algunos webviews y con pestañas en Appcelerator Titanium, pero se preguntó:
¿Cómo puedo cambiar las fichas dentro de la vista web HTML?
ie. He dividido mi aplicación en 4 páginas html (4 a través de pestañas). Tengo enlaces en el html webviews que me gustaría para disparar un evento para pestañas de conmutación.
Mis elementos de la ficha se configuran como tal en app.js:
var win1 = Titanium.UI.createWindow();
var tab1 = Titanium.UI.createTab({
icon:'images/tabs/card1.png',
title:'Card 1',
window:win1
});
var webview1 = Titanium.UI.createWebView({url: 'index.html'});
win1.add(webview1);
win1.hideNavBar();
Así que en este ejemplo, tengo una a href en index.html, que cuando se hace clic, me gustaría cambiar la aplicación a la pestaña tercero (que tiene una vista web diferente).
Solución
Es necesario que el fuego y el evento en el archivo HTML y escuchar por ella en su aplicación
Ti.App.fireEvent Documentación Enlace
Código en archivo HTML
<a href="/" onclick='Ti.App.fireEvent("wvClick",{new_tab:"tab_identifier"}); return
false;'>Switch Tab</a>
Código de js
Ti.App.addEventListener('wvClick', function(data)
{
Titanium.API.info("--> " + data.new_tab);
});