Flextras下拉列表無法正常工作

Question

我已成功添加下拉列表（flextras），但其工作不正常。每當我觸摸下拉列表時，彈出的列表就會置於文本框下方（位於下拉列表下方）。因此，我無法從文本框頂部的列表中選擇項目，因爲焦點會傳遞到文本框。

Answer 1

很高興看了這個blog post on the subject。

相關報價：

中的Flex 4.6將TextInput默認外觀使用了 StyleableStageText。 StageText總是被繪製在Flash Display List之上，這就是爲什麼下拉彈出似乎在 之下的原因。引用Adobe docs on StageText：

[開始文檔引用]本機文本輸入字段不能被其他Flex內容剪切，並且 將呈現在舞臺上方的圖層中。由於此限制，使用基於StageText的外觀類的組件將始終顯示爲 ，因爲它們位於其他Flex組件之上。 Flex彈出窗口和下拉菜單 也會被任何可見的本地文本字段遮擋。最後，本地 文本字段的相對z順序不能由應用程序控制。 [end doc quote]

有兩種可能的解決方案。首先是設計 您的移動應用程序，以便彈出窗口不會顯示在 以上的TextInput中。如果您正在爲具有不同屏幕尺寸的多個設備 構建，這可能很困難。

第二種是使用Flex 4.5 skin class for your TextInputs：

<textInput skinClass="spark.skins.mobile.TextInputSkin" />