Flex:无法以编程方式设置 headerRenderer

Question

我需要以编程方式为我的 Spark 数据网格设置 headerRenderer，因为我需要为其分配一些属性（开始和结束时间）。此数据是从数据库中获取的，需要在加载后分配给此标头渲染器。

虽然以编程方式设置我的 itemRenderer 没有问题，但我发现没有办法对 headerRenderer 做同样的事情。

下面是一段简化的代码：

主要

<?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[           
            protected function button1_clickHandler(event:MouseEvent):void
            {
                customHeaderColumn.headerRenderer = new ClassFactory(myHeaderRenderer); 
                customHeaderColumn.itemRenderer = new ClassFactory(myItemRenderer);
            }
        ]]>
    </fx:Script>
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <s:DataGrid width="100%">
        <s:dataProvider>
            <s:ArrayList>
                <fx:Object name="record"/>
            </s:ArrayList>
        </s:dataProvider>
        <s:columns>
            <s:ArrayList>
                <s:GridColumn id="customHeaderColumn" headerText="Column 1"/>
            </s:ArrayList>
        </s:columns>
    </s:DataGrid>
    <s:Button label="change" click="button1_clickHandler(event)"/>
</s:Application>

myItemRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                    xmlns:s="library://ns.adobe.com/flex/spark" 
                    xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true">
    <s:Label top="9" left="7" text="item"/>
</s:GridItemRenderer>

myHeaderRenderer

<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                    xmlns:s="library://ns.adobe.com/flex/spark" 
                    xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true">
    <s:Label top="9" left="7" text="header"/>
</s:GridItemRenderer>

单击该按钮时，您可以看到 itemRenderer 在变化，但 headerRenderer 保持不变。

Answer 1

看起来你可以通过执行来强制它：

myDataGrid.columnHeaderGroup.layout.clearVirtualLayoutCache();

我从设置列方法中复制了 DataGrid.as 行：

public function set columns(value:IList):void
{
    if (setGridProperty("columns", value))
    {
        if (columnHeaderGroup)
        {
            columnHeaderGroup.layout.clearVirtualLayoutCache();
            columnHeaderGroup.invalidateSize();
            columnHeaderGroup.invalidateDisplayList();
        }
        dispatchChangeEvent("columnsChanged");
    }
}