Question

我有一个自定义的高级 DataGrid, 我们使用交替项目颜色属性, 该属性显示高级 DataGrid 行的两种不同颜色。现在数据格有 15 行, 但只有 5 行有数据, 我们只想要前 5 行显示交替颜色, 其余的只显示一个颜色。过去有没有人这样做过, 如果有人能解释如何这样做, 将会非常感激。

提前感谢。

Answer 1

如果行 Ind 超过行数, 您必须覆盖数据格, 并覆盖绘图RowBackflor 方法。然后设置默认颜色。请参看下面提到的代码片断 :

public class CustomDataGrid extends AdvancedDataGrid {

    protected override function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void{
          var XMLdata:XML=rowNumberToData(dataIndex) as XML;                       
          if(XMLdata!=null){                  
                    if(XMLdata.attribute(Constants.col) != undefined && XMLdata.attribute(Constants.col) != ""){
                                    color=XMLdata.attribute(Constants.col);                 
                    }else{
                            color=0xFFFFFF;
                    }                                            
          }                       
          super.drawRowBackground(s,rowIndex,y,height,color,dataIndex);                 
    }               
}

Answer 2

当行数少于允许的高度时, 将行数设为实际行数, 或者覆盖 drawRowBackform 。

Answer 3

尝试为您的 ATG: - 使用项目创建器 : - NAG: - NAME OF TRANSLATORS

<?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>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.FlexEvent;

            [Bindable]
            private var dpHierarchy:ArrayCollection= new ArrayCollection([
                {name:"A", region: "Arizona"},
                {name:"B", region: "Arizona"},
                {name:"C", region: "California"},
                {name:"D", region: "California"}
            ]); 

        ]]>
    </fx:Script>

    <mx:AdvancedDataGrid id="myADG" 
                         width="500" height="500" 
                         paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0"
                         dataProvider="{dpHierarchy}"
                         itemRenderer="DrawAlternateRowColor">
        <mx:columns>
            <mx:AdvancedDataGridColumn dataField="name" headerText="Name" />
            <mx:AdvancedDataGridColumn dataField="region" headerText="Region" />
        </mx:columns>   

    </mx:AdvancedDataGrid>

</s:Application>

/项目设计人姓名: - 绘制不同的彩色- 您可以使用相同的概念与 CADG 使用。

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer 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" alternatingItemColors="[#0000FF, #FF0000]"
                                  width="100%" height="100%">
    <s:Label id="lblData"  verticalAlign="middle" text="{listData.label}" />
</s:MXAdvancedDataGridItemRenderer>

友情链接