1

mx DataGridでテキストが切り捨てられたときに、セル上にツールチップを表示する方法はありますか？mx DataGridにない場合、私はSparkに興味がありますが、それが最後の手段になるように変換する必要があります。

更新
条件付きでヒントを表示する方法があります。dataTipFunctionを作成し、nullを返すと、ツールチップは表示されません。したがって、理論的には、テキストの長さを取得して、それが特定の量を超えているかどうかを確認し、テキストが返されるかどうかを確認できます。そうでない場合は、テキストに5つの「i」文字が含まれているため、これは正確ではありません。以下のテキストでわかるように、5"m"文字よりもはるかに短くなります。

iiiii
mmmmm

4

1 に答える 1

4

スパークソリューションに興味がある場合は、ここに私の例があります。スパークラベル「showTruncationTip」の魔法のプロパティを使用します。

ここに画像の説明を入力してください

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
           xmlns:s="library://ns.adobe.com/flex/spark" 
           xmlns:mx="library://ns.adobe.com/flex/mx" 
           minWidth="955" minHeight="600">
<fx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;

        [Bindable]private var collection:ArrayCollection = new ArrayCollection([
            {field01:"field01", content:"your content", field02:"field02"},
            {field01:"field01", content:"your content your content your content your content", field02:"field02"},
            {field01:"field01", content:"your content your content your content your content", field02:"field02"}
        ]);
    ]]>
</fx:Script>

<s:DataGrid
    x="10" y="10"
    width="320" height="120" 
    dataProvider="{collection}">

    <s:columns>
        <s:ArrayList>   
            <s:GridColumn dataField="field01" headerText="Field 1"/>
            <s:GridColumn dataField="content" headerText="Content" width="120">
                <s:itemRenderer>
                    <fx:Component>
                        <s:GridItemRenderer>
                            <s:HGroup width="100%" height="100%" verticalAlign="middle" paddingLeft="8">
                                <s:Label text="{data.content}" width="100%" maxDisplayedLines="1" showTruncationTip="true"/>
                            </s:HGroup>
                        </s:GridItemRenderer>
                    </fx:Component>
                </s:itemRenderer>
            </s:GridColumn>
            <s:GridColumn dataField="field02" headerText="Field 2" width="100"/>
        </s:ArrayList>                  
    </s:columns>                
</s:DataGrid>
</s:Application>
于 2013-03-17T18:16:50.613 に答える