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

时间:2014-05-27 06:14:40

标签: javascript ibm-mobilefirst

我在我的混合应用程序中使用worklight选项卡栏,我在html页面中显示标签栏,我需要为标签栏标题应用翻译,是否可以为标签栏项目title.can提供动态值任何帮助我在解决这个问题......

1 个答案:

答案 0 :(得分:0)

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

请参阅相关问题:IBM Worklight - WL.App.getDeviceLanguage() API method does not return correct language code in iOS


示例
以下内容在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"});    
}

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

enter image description here