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" />