从 webview 中更改选项卡

Question

我已经在 Appcelerator Titanium 中设置了一些网络视图和选项卡，但想知道：

如何从 webview html 中更改选项卡？

IE。我已将我的应用程序分成 4 个 html 页面（跨 4 个选项卡）。我在 html webviews 中有链接，我想触发一个事件来切换选项卡。

我的选项卡项目在 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();

所以在这个例子中，我有一个 一个链接 在index.html中，单击该文件时，我想将应用程序切换到第三个选项卡（它具有不同的网络视图）。

Answer 1

您需要在 HTML 文件中触发事件并在应用程序中监听它

Ti.App.fireEvent 文档链接

HTML 文件中的代码

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

js文件中的代码

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