Spark自定义网格标题渲染器样式

Question

我正在尝试为DataGrid创建一个Header，它将显示Label和TextInput。代码是：

<?xml version="1.0" encoding="utf-8"?>
<s:DefaultGridHeaderRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                             xmlns:s="library://ns.adobe.com/flex/spark" 
                             xmlns:mx="library://ns.adobe.com/flex/mx">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>

    <mx:VBox paddingLeft="5" paddingTop="5" paddingRight="5" paddingBottom="5">
        <s:Label text="{data.headerText}"/>
        <s:TextInput width="100%" />
    </mx:VBox>

</s:DefaultGridHeaderRenderer>

它有点工作，但问题是我丢失了标题上的样式，背景显示为白色而不是漂亮的灰色渐变。

我想我必须手动添加样式。有没有简单的方法呢？

由于

Answer 1

样式由项呈示器中的ActionScript代码处理。您可以在自己的项目渲染器中编写该代码。有关示例，请查看默认标题渲染器的源代码。或者您可以忽略样式，只需在Vbox后面添加一个Rect，并将其填充属性设置为您喜欢的任何内容。