Frage

Ich habe Setup einige WebViews & mit Tabs in Appcelerator Titanium, aber fragte sich:

Wie kann ich Tabs wechseln innerhalb der Webansicht html?

dh. Ich habe meine App in 4 HTML-Seiten aufgeteilt (über 4 Registerkarten). Ich habe Links in der HTML-WebViews die Ich mag würde ein Ereignis Schalter Tabs abzufeuern.

Meine Registerkarte Elemente sind Setup als so 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();

So in diesem Beispiel, ich habe eine a href in index.html, die beim Anklicken Ich mag würde die App auf die 3. Registerkarte wechseln (die eine andere Webansicht hat).

War es hilfreich?

Lösung

Sie müssen Feuer und Ereignis in der HTML-Datei und hören sie in der Anwendung

Ti.App.fireEvent Dokumentation Einen Link

-Code in HTML-Datei

<a href="/" onclick='Ti.App.fireEvent("wvClick",{new_tab:"tab_identifier"}); return    
           false;'>Switch Tab</a>

-Code in js Datei

Ti.App.addEventListener('wvClick', function(data) 
{ 
Titanium.API.info("--> " + data.new_tab);
});
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top