تغيير علامات التبويب من داخل WebView
-
28-09-2019 - |
سؤال
لقد قمت بإعداد بعض مشاهد الويب وعلامات التبويب في AppCelerator Titanium ، لكنني تساءلت:
كيف يمكنني تغيير علامات التبويب من داخل WebView HTML؟
بمعنى آخر. لقد قمت بتقسيم تطبيقي إلى 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 ، والتي عند النقر عليها ، أرغب في تبديل التطبيق إلى علامة التبويب الثالثة (التي تحتوي على WebView مختلف).
المحلول
تحتاج إلى إطلاق النار والحدث في ملف 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