为 Worklight 选项卡栏项添加动态标题答案

【问题标题】：Add dynamic title for Worklight tab bar item为 Worklight 选项卡栏项添加动态标题
【发布时间】：2014-05-27 06:14:39
【问题描述】：

我在我的混合应用程序中使用 worklight 标签栏，我在 html 页面中显示标签栏，我需要为标签栏标题应用翻译，是否可以为标签栏项目标题提供动态值。谁能帮忙我正在解决这个问题...

【问题讨论】：

如果我的回答有助于解决您的问题，请标记为已回答。

标签： javascript ibm-mobilefirst

【解决方案1】：

在翻译用例中，您需要在应用程序启动时和显示标签栏之前使用 API 方法（例如 WL.App.getDeviceLocale 或 WL.App.getDeviceLanguage）检查设备区域设置/语言；根据语言检查响应，加载所需语言的适当标签。

示例
以下内容在 iOS 中进行了测试，但也应该适用于 Android。
请参阅我上面链接的相关问题。

共同\main.js:

var myLabel1, myLabel2;

function wlCommonInit(){
if (WL.App.getDeviceLanguage() == "en") {
        /* Using English */
        myLabel1 = "tab 1";
        myLabel2 = "tab 2";
    }

    if  (WL.App.getDeviceLanguage() == "he") {
    /* Using Hebrew */
        myLabel1 = "טאב 1";
        myLabel2 = "טאב 2";
    }

    WL.TabBar.init();
    WL.TabBar.setVisible(true);
    WL.TabBar.addItem("tabOne", function() {}, myLabel1, {image:"images/myimage.png"});
    WL.TabBar.addItem("tabTwo", function() {}, myLabel2, {image:"images/myimage.png"});    
}

在这张图片中，您可以看到希伯来语的标签，因为我的设备所在地区是希伯来语。

【讨论】：