如何更新当前窗口中的文本标签

Question

我需要使用从 JSON 响应返回的新数据更新 win1.title（一个标签）。 我可以在我的控制台上打印 win1.title 值，但我无法为其分配新值！

app.js

var win1 = Titanium.UI.createWindow({
    title:'Tab 1',
    backgroundColor: 'black',
    layout: 'vertical',
    url: 'win1.js',
    title: 'Loading...',
    artist: '' });


win1.open();

//Fetching data

var jsonData = ''; var pointer = 0;

var url = "http://example.com"; var xhr = Ti.Network.createHTTPClient({
    onload: function(e) {

        jsonData = JSON.parse(this.responseText).response.songs;



        //HERE I NEED TO UPDATE win1.title with title returned by JSON
        /*
           if a print win1.title it works correctly.
             console.log(win1.title);

           but if I try to assign data to win1.title nothing happens, even a error!

        */


        win1.addEventListener('swipe', function(e) {
                        console.log("win1 title:" + win1.title);            win1.title = jsonData[pointer].title;           win1.artist = jsonData[pointer].artist_name;            win1.image = jsonData[pointer].tracks[0].release_image;

                    });

    },
    onerror: function(e) {
        console.log(e);
    },
    timeout:20000  /* in milliseconds */ }); xhr.open("GET", url); xhr.send();  // request is actually sent with this statement

win1.js

(function() {

    var win1 = Ti.UI.currentWindow;

    var image = Ti.UI.createImageView({
      image:win1.image,
      top: 40
    });

    var title = Ti.UI.createLabel({
      color: 'white',
      font: { fontSize:38 },
      text: win1.title,
      textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
      top: 20,
      width: 'auto', height: 'auto'
    });

    var artist = Ti.UI.createLabel({
      color: 'white',
      font: { fontSize:28 },
      text: win1.artist,
      textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
      top: 30,
      width: 'auto', height: 'auto'
    });


    win1.add(title);
    win1.add(artist);
    win1.add(image);


})();

Answer 1

在这种情况下，设置 win1.title = 'some title'; 不会像您认为的那样。 Titanium Window objects 有一个 title 属性，根据您是为 iOS 还是 Android 构建，您将在模态窗口顶部或窗口位于选项卡组或导航组中时看到此标题。

您的代码正在更新此标题，但您可能没有看到它。 （尝试将modal:true 添加到您的createWindow() 声明中。）另外，您已经设置了2 个title 属性，因此请删除其中一个。

要更改win1.js上名为'title'的变量中的标签文本，您可以执行以下操作：

在win1.js中，添加以下内容：

win1.updateTitle = function(newTitle){
    title.text = newTitle;
} 

然后，回到 app.js，转到您要更新标题的任何地方并执行以下操作：

win1.updateTitle('new title');

此外，您应该考虑在您的 Titanium 项目中使用 CommonJS：

CommonJS Best Practices