Flex AdvancedDataGrid 未正确填充

Question

我无法在我正在开发的应用程序中正确填充 AdvancedDataGrid。

如果我使用此页面上找到的示例代码 http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7bf0.html 在它自己的页面中一切正常，但如果我将此代码复制到我的应用程序内的页面中需要有网格的列标题/数据未填充。

需要网格的页面显示在 Spark NavigatorContent 元素中，我不确定这是否会对 AdvancedDataGrid 行为产生不利影响。我什至简化了包含的页面，只包含示例代码，没有其他任何内容，但它仍然无法工作。

任何想法将不胜感激。请随意在这里索取所需的更多信息，我对 Flex 还很陌生，而且很困在这里。

编辑：项目中的一些代码示例：

//Code from 'main page' containing the NavigatorContent
<mx:ViewStack id="viewstack1" cornerRadius="12" dropShadowVisible="false">
    <s:NavigatorContent label="Matrix View" backgroundColor="#FFFFFF">
        <temporalShift:CCCPMatrixView id="matrixView" initialize="initMatrixView()" />
    </s:NavigatorContent>
</mx:ViewStack>

//Code contained within 'CCCPMatrixView'
<?xml version="1.0"?>
<!-- dpcontrols/adg/ColumnGroupADG.mxml -->
<s:Group 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:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;

        [Bindable]
        private var dpFlat:ArrayCollection = new ArrayCollection([
            {Region:"Southwest", Territory:"Arizona", 
                Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000}, 
            {Region:"Southwest", Territory:"Arizona", 
                Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000},  
            {Region:"Southwest", Territory:"Central California", 
                Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000},  
            {Region:"Southwest", Territory:"Nevada", 
                Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000},  
            {Region:"Southwest", Territory:"Northern California", 
                Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000}, 
            {Region:"Southwest", Territory:"Northern California", 
                Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000},  
            {Region:"Southwest", Territory:"Southern California", 
                Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000}, 
            {Region:"Southwest", Territory:"Southern California", 
                Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000}
        ]);
    ]]>
</fx:Script>
<mx:AdvancedDataGrid id="myADG"
                     dataProvider="{dpFlat}"
                     width="100%" height="100%">
    <mx:groupedColumns>
        <mx:AdvancedDataGridColumn dataField="Region"/>
        <mx:AdvancedDataGridColumn dataField="Territory"/>
        <mx:AdvancedDataGridColumn dataField="Territory_Rep"
                                   headerText="Territory Rep"/>
        <mx:AdvancedDataGridColumnGroup headerText="Revenues">    
            <mx:AdvancedDataGridColumn dataField="Actual"/>
            <mx:AdvancedDataGridColumn dataField="Estimate"/>
        </mx:AdvancedDataGridColumnGroup>    
    </mx:groupedColumns>
</mx:AdvancedDataGrid>

Answer 1

嗯，我觉得有点傻。事实证明它填充得很好，只是文本的颜色与背景的颜色相同（据我所知）。添加以下 CSS 解决了该问题：

mx|AdvancedDataGrid {
    selection-color:#5f8ed4;
    text-selected-color:#ffffff;
    roll-over-color:#31962c;
    text-roll-over-color:#ffffff;
    font-family:ArialEmbeddedMX;
    chrome-color: #C9C9C9;
    header-style-name: "AdvancedDataGrid-HeaderStyle";
}

.AdvancedDataGrid-HeaderStyle {
    text-roll-over-color:#ffffff;
    corner-radius: 5;
    text-selected-color:#ffffff;
    color:#000000; font-size:12; 
}