Flex AdvancedDataGrid не заполняется должным образом - PullRequest
Новая
       52

Flex AdvancedDataGrid не заполняется должным образом

1 голос
/ 12 января 2012

У меня проблемы с получением 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>

1 Ответ

0 голосов
/ 12 января 2012

Ну, я чувствую себя немного глупо. Оказывается, он заполнялся нормально, и просто текст был того же цвета, что и фон (насколько я могу судить). Добавление следующего 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; 
}
...