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).

¿Fue útil?

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);
});
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top