flex4：如何将 GlowFilter 添加到 mx:DataGridColumn？答案

【问题标题】：flex4: how can i add a GlowFilter to a mx:DataGridColumn?flex4：如何将 GlowFilter 添加到 mx:DataGridColumn？
【发布时间】：2010-06-27 11:17:48
【问题描述】：

我正在使用 flex 4 构建一个应用程序。

使用<mx:DataGrid> 显示表格。

我想将<s:GlowFilter> 添加到 DataGridColumn。

我该怎么做？

谢谢！

【问题讨论】：

标签： apache-flex flex4 filter datagridcolumn

【解决方案1】：

您需要创建一个内置 GlowFilter 的项目渲染器。这是一个示例：

我的申请：

<?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:Declarations>
        <s:ArrayCollection id="dataProvider">
            <fx:Object name="Red" color="0xFF0000" />
            <fx:Object name="Green" color="0x00FF00" />
            <fx:Object name="Blue" color="0x0000FF" />
        </s:ArrayCollection>
    </fx:Declarations>

    <mx:DataGrid  itemRenderer="GlowingRenderer" dataProvider="{dataProvider}" />


</s:Application>

...这里是 GlowingRenderer.mxml：

<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                          xmlns:s="library://ns.adobe.com/flex/spark" 
                          xmlns:mx="library://ns.adobe.com/flex/mx" 
                          focusEnabled="true" creationComplete="trace(this.data)">

    <fx:Script>
        <![CDATA[
            import spark.filters.GlowFilter;
        ]]>
    </fx:Script>

    <s:Label id="lblData" top="0" left="0" right="0" bottom="0" text="{dataGridListData.label}" filters="{[new GlowFilter(this.data.color)]}" />
</s:MXDataGridItemRenderer>

看起来不太漂亮，但很管用 :)

西蒙

【讨论】：