2011-04-18 74 views
0

我想創建一個DatePicker幻燈片在一個TableView爲了編輯一個日期字段。問題是DatePicker出現在TableView後面 - 你可以看到它的一部分,因爲TableView是透明的。創建一個覆蓋鈦手機TableView

enter image description here

我試圖給一個更高的zIndex的值比其他的,左右逢源,但這並沒有幫助。日期選擇器是視圖中的選擇器控件,我用動畫向上滑動。

如何覆蓋一個TableView與不同的視圖?

編輯:表格是相當複雜的,因爲它的各種類型的數據,所以複製&粘貼將是矯枉過正。但是這裏的相關部分:

var win = Ti.UI.createWindow(); 
var table = Ti.UI.createTableView({zIndex: 1}); 

// some table sections are added here 

// create picker layer 
var row = Ti.UI.createTableViewRow({zIndex: 2}); 
var picker_view = Titanium.UI.createView({ 
    height: 251, 
    bottom: -251, 
    zIndex: 3, 
    visible: false 
    }); 

var picker = Ti.UI.createPicker({ 
    type: Ti.UI.PICKER_TYPE_DATE, 
    selectionIndicator: true 
    }); 
picker_view.add(picker); 

row.addEventListener('click', function() 
    { 
    picker_view.visible = true; 
    var slide_in = Titanium.UI.createAnimation({bottom:0}); 
    picker_view.animate(slide_in); 
    }); 

row.add(picker_view); 

some_section.add(row); 
win.add(table); 

謝謝!

+0

你能顯示代碼嗎? – 2011-04-18 13:28:00

+0

當然,用一些代碼更新了這個問題。 – Chris 2011-04-18 13:42:27

+1

嘗試在您的窗口中添加選取器,而不是在表格 – 2011-04-18 13:52:58

回答

3

嘗試添加不在表中的窗口中的選擇器。

2

不要將視圖添加到行,將其添加到窗口。

不會在視圖中設置可見性,因爲您正在上下滑動它並不重要。

另外你還真的很困惑zIndexes的東西,它們在這個用例中並不是真的需要。

+0

謝謝Aaron。就像穆罕默德也建議的那樣,它將它添加到了伎倆的窗口中。我有可見性標誌,因爲當把它添加到行中時,如果將表拉到一點,你當然會看到「隱藏」選擇器。將它添加到窗口會使該想法失效。但是,實際上需要zIndexes,如果我沒有將表格設置爲1並將pickerview設置爲2,它將在表格後面打開。我想這與它們添加到窗口的順序有關。在我的情況下,儘管使用zIndex更合理。謝謝! – Chris 2011-04-18 14:19:30