Spark Custom Grid Header Renderer Style

Question

Я пытаюсь создать заголовок для DataGrid, который покажет 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 в средстве визуализации элементов. Это зависит от вас, чтобы написать этот код в вашем собственном рендерере элементов. В качестве примера рассмотрим исходный код средства рендеринга заголовка по умолчанию. Или вы можете игнорировать стили и просто добавлять Rect за Vbox и устанавливать свои свойства заливки на все, что вам нравится.