Flex 4 Datagrid:MXDataGridItemRenderer问题 - 默认样式丢失了吗?

时间:2011-05-26 14:05:19

标签: flex datagrid flex4 itemrenderers

全部,我已在所有Datagrid列上实现了HeaderRenderer。当我这样做时,似乎所有默认的DataGrid列标题样式都丢失了,例如:

  • 当我将鼠标悬停在列标题上时,DataGrid中的默认值是以另一种颜色显示(与行选择颜色相同的颜色) - 现在不会发生这种情况。
  • 当我点击列标题时,DataGrid中的默认值是以另一种颜色(与行选择颜色相同的颜色)显示它 - 现在不会发生这种情况。

我是否在我的s:MXDataGridItemRenderer中重新应用这些样式?这是怎么做的......

我的渲染器代码低于......

<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">
<s:states>
    <s:State name="none" />
    <s:State name="asc" />
    <s:State name="desc" />
</s:states>

<!-- border - bottom -->
<s:Rect bottom="0" right="0" left="0" height="1">
    <s:fill>
        <s:SolidColor color="0x9C9C9C" />
    </s:fill>
</s:Rect>
<!-- border - top -->
<s:Rect top="0" right="0" left="0" height="1">
    <s:fill>
        <s:SolidColor color="0x9C9C9C" />
    </s:fill>
</s:Rect>
<s:HGroup verticalAlign="middle" width="100%">
    <s:HGroup horizontalAlign="left" width="100%" paddingLeft="5">
    <s:Label id="lblData"  width="100%"
             top="0" left="5" right="0" bottom="0" 
             paddingTop="5" paddingBottom="5"
             verticalAlign="middle"
             color="black"
             text="{dataGridListData.label}"
             maxDisplayedLines="1"
             />
    </s:HGroup>
    <s:HGroup horizontalAlign="right" verticalAlign="middle" paddingRight="2" >
        <s:Label id="lblcolCount" 
                 top="0" left="0" right="0" bottom="0" 
                 paddingTop="5" paddingBottom="5"
                 verticalAlign="middle"
                 color="black"
                 text="{colCount}" />
        <mx:Image id="image_down" top="0" left="0"  bottom="0"
                  source.asc="{GridColumnSortControlAscending}"  verticalAlign="middle"
                  source.desc="{GridColumnSortControlDecending}"/>
    </s:HGroup>

</s:HGroup>
<fx:Script>
    <![CDATA[

        [Bindable]
        public var colCount:String = "";
          ]]>
</fx:Script>

1 个答案:

答案 0 :(得分:0)

是的,在创建自定义渲染器时,您将丢失所有样式。您可以查看DataGridHeader的代码并尝试复制它,但我个人认为这是太多的工作。我只想在你设置自己风格的所有列中添加一个“默认”标题渲染器,然后从那里添加新的渲染器。

另外,谁会想要默认的Flex3样式? yuck :P