2010-11-02 14 views
0

J'ai installé quelques webviews & avec onglets Appcelerator Titanium, mais il se demande:Modifier les onglets de l'intérieur WebView

Comment puis-je changer d'onglet à partir du WebView html?

ie. J'ai divisé mon application en 4 pages html (sur 4 onglets). J'ai des liens dans les webviews HTML que je voudrais déclencher un événement pour changer d'onglet.

Mes éléments de l'onglet sont configurés comme si dans 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(); 

Ainsi, dans cet exemple, j'ai un un href index.html, qui quand on clique dessus, je voudrais changer l'application à la 3ème onglet (qui a une vue Web différente).

Répondre

2

Vous devez tirer et événement dans le fichier HTML et écoutez dans votre application

Ti.App.fireEvent Documentation Link

code dans le fichier HTML

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

code dans le fichier js

Ti.App.addEventListener('wvClick', function(data) 
{ 
Titanium.API.info("--> " + data.new_tab); 
}); 
+0

Merci! J'avais fait quelque chose de similaire qui semblait fonctionner, mais j'adorerais essayer cette méthode. http://developer.appcelerator.com/question/75531/change-tabs-from-within-webview#answer – Nelga