Как да зададете фон на динамичния ред с помощта на flex?

Вижте моя източник:

  • Шаблон:

[код]

<mx:Script source="ListStatus.as" />

<!-- Template -->
<mx:DataGrid id="grid" width="100%" height="100%" doubleClick="editRecord();">
    <mx:columns  >
        <mx:DataGridColumn width="30" resizable="false" draggable="false">
            <mx:itemRenderer>
                <mx:Component>
                    <mx:LinkButton icon="@Embed('assets/img/delete.png')" click="outerDocument.deleteRecord(event);" />
                </mx:Component>
            </mx:itemRenderer>
        </mx:DataGridColumn>
        <mx:DataGridColumn headerText="Nome" dataField="name" />
        <mx:DataGridColumn headerText="Nome de exibição" dataField="displayName" />
        <mx:DataGridColumn headerText="Cor" dataField="color" />            
    </mx:columns>
</mx:DataGrid>

[/код]

  • ActionScript:

[код] импортиране на гориво.Ajax; внос на гориво.IModule; импортиране на гориво.прозорец.Прозорец;

import mx.controls.Alert; import mx.events.ModuleEvent; import mx.modules.ModuleLoader;

public var win:Window;

/** * Конструктор * * Вземете данни от контролера на турбо предавки */ публична функция init():void {
showLoading(); Ajax.requestJSON('/access/status/getList', {}, function (obj:Object):void { hideLoading(); grid.dataProvider = obj.results; }); }

/** * Формуляр за извикване за редактиране на запис */ публична функция editRecord():void {

try {
    grid.selectedItem.id;                   
} catch(e:Error) {
    Alert.show("Você deve selecionar um registro válido", "Atenção");
    return;
}

var module:ModuleLoader = new ModuleLoader();
module.url = "access/CreateStatus.swf";
module.applicationDomain = ApplicationDomain.currentDomain;
module.addEventListener( ModuleEvent.READY, onModuleReady );

var title_bar:String = "Edição de Status (" + grid.selectedItem.id + ")";

if( this.window ){
    win = this.window.openChild(title_bar, module, 410, 250);
} else {
    win = (parentApplication as Admin).winManager.openWindow(title_bar, module, 410, 250);
}

}

/** * Извикване на контролера за изтриване на запис */ частна функция actionDeleteRecord( resp:Object):void { if( resp.detail == Alert.YES){ grid.enabled = false;

    Ajax.requestJSON( "/access/status/delete", { 'id' : grid.selectedItem.id }, function( obj:Object ):void {
        if (obj.error == false) {
            Alert.show("Registro deletado com sucesso", "Confirmação");
        } else {
            Alert.show(obj.msg, "Erro");
        }

        init();             
    });

    grid.enabled = true;
}

}

/** * Заявка за извикване за изтриване на запис */ public function deleteRecord( event : Event ):void { Alert.show("Операцията НЕ е подложена на грешка.\nDeseja mesmo remover or status \""+grid.selectedItem.displayName+" \"?", "Confirmação", Alert.YES | Alert.NO, this, actionDeleteRecord ); }

public function onModuleReady( event:ModuleEvent ):void {
var loader:ModuleLoader = event.target as ModuleLoader;

var m:* = loader.child as IModule;
if( m ) m.addEventListener( Event.RENDER, function runModule(e:Event):void{
    m.setId(grid.selectedItem.id);
    m.window = win;                 
    m.removeEventListener( Event.RENDER, runModule );
});

}; [/код]

Трябва да задам фон на реда, като използвам стойността на цвета, как съществува в dataProvider.

Съжалявам за невежеството ми, това е първият ми проект, използващ flex.

Благодаря!


actionscript-3 flex3
person Felipe Cardoso Martins    schedule 18.01.2010    source източник

Отговори (1)


arrow_upward
0
arrow_downward

Решението е да се направи клас, който разширява DataGrid и да замени метода drawRowBackground, който отговаря за изчертаването на цветен правоъгълник зад елементите на реда.

Методът drawRowBackground е предаде цвят по подразбиране, както и индекса на текущия ви елемент от данни, така че можете да извлечете текущия елемент, да вземете персонализирано цветово свойство от него и да предадете този цвят в извикването super.drawRowBackground().

override protected function drawRowBackground(s:Sprite, rowIndex:int, 
                                                y:Number, height:Number,
                                                color:uint, dataIndex:int):void 
{
    if (dataIndex < dataProvider.length && dataProvider[dataIndex])
    {
        color = dataProvider[dataIndex].color;
    }
    super.drawRowBackground(s, rowIndex, y, height, color, dataIndex);
}
person ZackBeNimble    schedule 20.01.2010