1

我需要使用从 JSON 响应返回的新数据更新 win1.title(标签)。我可以在我的控制台 win1.title 值上打印,但我不能为其分配新值!

应用程序.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);


})();
4

1 回答 1

4

在这种情况下,设置win1.title = 'some title';不会像你想象的那样做。 Titanium Window 对象有一个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 最佳实践

于 2012-09-10T22:39:20.907 回答