Flex TextInput中输入类似Bootstrap的标签

时间:2014-05-22 10:49:19

标签: twitter-bootstrap flex

有没有办法在flex(spark:TextInput)中执行与Boostrap's tags input类似的操作?我需要从组合框中选择一个项目然后它应该放在像标签这样的东西上。

1 个答案:

答案 0 :(得分:3)

spark:TextInput没有这样的功能。 您可以创建具有水平布局的自定义皮肤,用于火花清单,就像那样(您应该只更改皮肤中的dataGroup布局,因为基础采用spark.skins.spark.ListSkin)

<s:Scroller left="0" top="0" right="0" bottom="0"
            id="scroller" minViewportInset="1" hasFocusableChildren="false">
    <s:DataGroup id="dataGroup"
                 itemRenderer="spark.skins.spark.DefaultItemRenderer">
        <s:layout>
            <s:HorizontalLayout gap="0"
                                horizontalAlign="contentJustify" requestedMinRowCount="5" />
        </s:layout>
    </s:DataGroup>
</s:Scroller>

然后创建看起来像标签的自定义itemRenderer。 并将yout标记放入列表的dataProvider。