Cambiare le schede dall'interno WebView
-
28-09-2019 - |
Domanda
I'VE impostazione alcune visualizzazioni e con linguette a Appcelerator Titanium, ma si chiedeva:
Come faccio a cambiare le schede all'interno della WebView html?
es. Ho diviso la mia app in 4 pagine html (in tutto 4 schede). Ho collegamenti nel html visualizzazioni che vorrei generare un evento per le schede di commutazione.
I miei articoli sono scheda messa a punto come così in 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();
Quindi in questo esempio, ho un a href in index.html, che se cliccato, mi piacerebbe cambiare l'applicazione per il 3 ° scheda (che ha una WebView diversa).
Soluzione
È necessario il fuoco e l'evento nel file HTML e ascoltare per esso nell'applicazione
Ti.App.fireEvent Documentation collegamento
Codice in file HTML
<a href="/" onclick='Ti.App.fireEvent("wvClick",{new_tab:"tab_identifier"}); return
false;'>Switch Tab</a>
Codice nel file di js
Ti.App.addEventListener('wvClick', function(data)
{
Titanium.API.info("--> " + data.new_tab);
});