Question

当在mx DataGrid中截断文本时，有没有办法在单元格上显示工具提示？如果不是在mx DataGrid中我对Spark感兴趣但是我将不得不转换，所以这是最后的手段。

更新
有条件地显示提示的方式。如果您创建一个dataTipFunction，然后如果您返回null，它将不会显示工具提示。所以，从理论上讲，我可以得到文本的长度，看看它是否超过一定数量，如果是，则返回文本，如果不是，这将不准确，因为如果文本包含5“i”字符它会比5“m”字符短得多，你可以在下面的文字中看到：

IIIII
MMMMM

Answer 1

如果您对火花解决方案感兴趣，这是我的例子。使用spark Label“showTruncationTip”的魔法属性。

enter image description here

<?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>

如何在mx DataGrid中截断文本时显示列中的数据提示？

1 个答案: