Flex 4 DateChooser

Question

J'ai un tableau de jours. Je veux que ces jours aient une couleur de fond différente dans le composant DateChooser, disons rouge.

Comment puis-je faire cela s'il vous plaît?

Answer 1

Le DateChooser est pas facile à personnaliser!

Quelque chose proche de cela fonctionnera, mais vous aurez besoin de ruser un peu en fonction de ce que vous voulez faire.

public class FancyDateChooser extends DateChooser { 
    public var fancyStyleName : String; 
    public var dayToMakeFancy : String; 

    protected override createChildren() : void { 
     super.createChildren(); 
     var dateGrid : UIComponent = mx_internal::dateGrid; 
     for (var i: int = 0; i < dateGrid.numChidren; i++) { 
      if ((dateGrid.getChildAt(i) as IUITextField).text == dayToMakeFancy) { 
       dateGrid.getChildAt(i).styleName = fancyStyleName; 
      } 
     } 
    } 
} 

Answer 2

Vous devez utiliser disabledRanges et disabledColor. Voici un example sur "Flex exemples".

Answer 3

Merci pour la part de Gregor Kiddie. J'ai modifié un peu le code de Gregor Kiddie. Laissez-le entrer plusieurs dates.

public class MyDateChooser extends DateChooser 
{ 
    public var highlightColor : Number = 0xff0000; // sample 
    public var highlightDate : Array = ["10","20"]; // sample 

    public function MyDateChooser() 
    { 
     super(); 
    } 

    protected override function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { 
        super.updateDisplayList(unscaledWidth, unscaledHeight); 
        var dateGrid : UIComponent = mx_internal::dateGrid; 
        for (var i: int = 0; i < dateGrid.numChildren; i++) { 
      if (dateGrid.getChildAt(i) is IUITextField) { 
       var textField:UITextField = dateGrid.getChildAt(i) as UITextField; 
       for (var j:int = 0; j<highlightDate.length; j++) { 
        if (textField.text == highlightDate[j]) { 
         textField.textColor = highlightColor; 
        } 
       } 
      } 
        }