Actionscript 3 链接未包装在spark datagrid列中
我将spark datagrid用于我的应用程序。我正在为spark datagrid使用一个cusomrenderer(包含一个链接)。列中的文本根据其列大小被截断。但是链接没有被截断,它与下一列重叠,这是不公平的。我希望该链接列应该在其列中被截断。这里我给出了我的示例代码Actionscript 3 链接未包装在spark datagrid列中,actionscript-3,apache-flex,flex4,flash-builder,flex4.5,Actionscript 3,Apache Flex,Flex4,Flash Builder,Flex4.5,我将spark datagrid用于我的应用程序。我正在为spark datagrid使用一个cusomrenderer(包含一个链接)。列中的文本根据其列大小被截断。但是链接没有被截断,它与下一列重叠,这是不公平的。我希望该链接列应该在其列中被截断。这里我给出了我的示例代码 <?xml version="1.0" encoding="utf-8"?> <s:Application name="Spark_DataGrid_columns_test"
<?xml version="1.0" encoding="utf-8"?>
<s:Application name="Spark_DataGrid_columns_test"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init()">
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import spark.components.Grid;
import spark.components.gridClasses.CellPosition;
private function init():void
{
var link:ClassFactory = new ClassFactory(sparkLinkRenderer);
linkColumn.itemRenderer = link;
}
]]>
</fx:Script>
<fx:Declarations>
<s:ArrayList id="TweetersList">
<fx:Object drink="onetqwo three four five six seven eight" name="Dan Florio" twitter="polyGeek polyGeek polyGeek polyGeek polyGeek" />
<fx:Object drink="one" name="David Ortinau" twitter="davidortinau" />
<fx:Object drink="one" name="Simeon Bateman" twitter="simBateman"/>
<fx:Object drink="one" name="Dan Florio" twitter="polyGeek" />
<fx:Object drink="one" name="David Ortinau" twitter="davidortinau" />
<fx:Object drink="one" name="Simeon Bateman" twitter="simBateman" />
<fx:Object drink="one" name="Dan Florio" twitter="polyGeek" />
<fx:Object drink="one" name="David Ortinau" twitter="davidortinau" />
<fx:Object drink="one" name="Simeon Bateman" twitter="simBateman" />
<fx:Object drink="one" name="Dan Florio" twitter="polyGeek" />
<fx:Object drink="one" name="David Ortinau" twitter="davidortinau"/>
<fx:Object drink="one" name="Simeon Bateman" twitter="simBateman"/>
</s:ArrayList>
</fx:Declarations>
<s:DataGrid id="spdg" width="500" height="250" >
<s:columns>
<s:ArrayList>
<s:GridColumn width="100" id="linkColumn" dataField="drink"/>
<s:GridColumn width="100" dataField="name"/>
<s:GridColumn width="100" dataField="twitter"/>
</s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Application>
链接自定义渲染器代码:
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark"
width="100%" >
<fx:Script>
<![CDATA[
override public function set data(value:Object):void
{
super.data = value;
linkButton.label = value.drink;
}
]]>
</fx:Script>
<mx:LinkButton id="linkButton" color="#170909" textAlign="left" fontWeight="normal" textDecoration="underline">
</mx:LinkButton>
</s:GridItemRenderer>
我的输出的快照示例:
请就这个问题向我提出建议
提前感谢,,
文盖特什首先我发布了悬赏,然后我找到了一个解决方案 GridItemRenderer有一个属性ClipanEnableScrolling,如果设置为true,它就会执行此操作
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark"
width="100%"
clipAndEnableScrolling="true">
<fx:Script>
<![CDATA[
override public function set data(value:Object):void
{
super.data = value;
linkButton.label = value.drink;
}
]]>
</fx:Script>
<mx:LinkButton id="linkButton" color="#170909" textAlign="left" fontWeight="normal" textDecoration="underline">
</mx:LinkButton>
太好了!!它起作用了。我将linkbutton放在一个具有相同属性(ClipanEnableScrolling)的hgroup中。