2013-04-01 54 views
0

我試圖在窗口中央放置後退按鈕。我能夠使用圖像視圖實現相同的功能。但是,除了最後一個窗口之外,導航到以前的窗口都失敗了。使用Titanium的iOS窗口中心的後退按鈕

可以說我已經遍歷了三個窗口A-> B-> C。從窗口'C'按鈕將我帶到窗口'B'。但是,從窗口「B」同一個按鈕的點擊喚起沒有響應(理想情況下,應該採取我的窗口「A」)

我已經使用的代碼是如下

{ 
    var imgView = Ti.UI.createImageView({ 
     top:'50%', 
     left : 0, 
     image : "icons/back.png" 
    }); 


    imgView.addEventListener('click', function(){ 
     self.close(); 
    }); 
} 
+0

什麼錯誤,你得到些什麼? – Anand

+0

沒有錯誤。假設我已經遍歷了三個窗口A-> B-> C。從窗口'C'按鈕將我帶到窗口'B'。但從窗口'B'點擊相同的按鈕不會引起任何反應(理想情況下,它應該讓我到窗口'A') –

+0

請添加上面的註釋與您的代碼,以便您的問題將更具體 – Anand

回答

0

添加上述行你的每個包含新窗口的文件,因爲你使用url方法打開新窗口。

var currentWindow = Ti.UI.currentWindow; 

然後關閉窗口如下

imgView.addEventListener('click', function(){ 
    currentWindow.close(); 
}); 

這將關閉當前窗口,因爲currentWindow代表活動窗口

我將添加工作示例:

app.js

var win = Ti.UI.createWindow({ 
    backgroundColor : 'white' 
}); 

var back = Ti.UI.createButton({ 
    title : 'To win1 ', 
    width : '70%' 
}); 

back.addEventListener('click', function(){ 
    var win1 = Ti.UI.createWindow({ 
     url : 'win1.js', 
     backgroundColor : 'white', 
     layout : 'vertical' 
    }); 
    win1.open(); 
}); 
win.add(back); 
win.open(); 

win1.js

var self = Ti.UI.currentWindow; 

var back = Ti.UI.createButton({ 
    title : 'Back to home', 
    top  : 20, 
    width : '70%' 
}); 

var next = Ti.UI.createButton({ 
    title : 'To win2', 
    top  : 20, 
    width : '70%' 
}); 

self.add(back); 
self.add(next); 

back.addEventListener('click',function(){ 
    self.close(); 
}); 

next.addEventListener('click', function(){ 
    var win2 = Ti.UI.createWindow({ 
     url : 'win2.js', 
     backgroundColor : 'white', 
     layout  : 'vertical' 
    }); 
    win2.open(); 
}); 

win2.js

var self = Ti.UI.currentWindow; 

var back = Ti.UI.createButton({ 
    title : 'Back to win1', 
    top  : 20, 
    width : '70%' 
}); 

self.add(back); 

back.addEventListener('click',function(){ 
    self.close(); 
}); 
+0

我試過了。即使我使用url參數創建窗口,當前窗口的句柄仍然未定義。 –

+0

如何打開新窗口? – Anand

+0

自我= Ti.UI.createWindow({ \t \t URL: 'custom.js', \t \t的backgroundColor: '#FFFFFF', \t \t \t }); –

相關問題