从 webview 中更改选项卡
-
28-09-2019 - |
题
我已经在 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中,单击该文件时,我想将应用程序切换到第三个选项卡(它具有不同的网络视图)。
解决方案
您需要在 HTML 文件中触发事件并在应用程序中监听它
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);
});
不隶属于 StackOverflow