apache-flex 如何在Spark List上显示工具提示

bxpogfeg  于 2022-11-01  发布在  Apache
关注(0)|答案(2)|浏览(174)

我有一个Spark List,我想在行上显示工具提示。在上一个List中,我认为有一个dataTipField属性,但在Spark List中没有看到该属性。

new9mtju

new9mtju1#

如果list中显示的label与您要显示的toolTip不同,则可以使用Sumit的答案中LabeltoolTip属性,如下所示:

<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Script><![CDATA[
    import mx.collections.ArrayCollection;
    [Bindable]
    private var myDataProvider:ArrayCollection = new ArrayCollection([
        {data:1, label:"One", desc:"Here is a toolTip description of the item One"},
        {data:2, label:"Two", desc:"Here is a toolTip description of the item Two"},
        {data:3, label:"Three", desc:"Here is a toolTip description of the item Three"},
        {data:4, label:"Four", desc:"Here is a toolTip description of the item Four"},
        {data:5, label:"Five", desc:"Here is a toolTip description of the item Five"}
    ]);
    ]]></fx:Script>
    <s:List dataProvider="{myDataProvider}">
        <s:itemRenderer>
            <fx:Component>
                <s:ItemRenderer>
                    <fx:Script><![CDATA[
                        override public function set data(value:Object):void
                        {
                            super.data = value;
                        }
                        [Bindable]
                        private function getToolTip():String
                        {
                            return data.desc;
                        }
                        ]]></fx:Script>
                    <s:Label text="{data.label}" toolTip="{getToolTip()}" width="100%"/>
                </s:ItemRenderer>
            </fx:Component>
        </s:itemRenderer>
    </s:List>
</s:Application>

aor9mmx1

aor9mmx12#

如果您希望在数据宽度大于List宽度时显示工具提示,则可以使用内联itemrenderer。

<s:itemRenderer>
        <fx:Component>
            <s:ItemRenderer>
                <s:Label text="{data.Expense}"
                         width="100"
                         maxDisplayedLines="1"
                         showTruncationTip="true" />
            </s:ItemRenderer>
        </fx:Component>
    </s:itemRenderer>

相关问题