2012-03-23 86 views
1

我想在日曆的底部顯示日期的當前日期DateChooser控件。有沒有人擴展了DateChooser控制來做到這一點?Flex DateChooser - 顯示日曆底部的當前日期

喜歡的東西附加圖像...

enter image description here

我設法拉了一些代碼,但儘管如此,我對如何添加DateChooser控件下方的標籤絲毫的想法。

package 
{ 
    import mx.controls.DateChooser; 
    import mx.controls.Label; 
    import mx.core.UITextField; 
    import mx.core.IUITextField; 
    import mx.core.UIComponent; 
    import mx.core.mx_internal; 
    import flash.display.Sprite; 

    public class ExtendedDateChooser extends DateChooser 
    { 
     public function ExtendedDateChooser() 
     { 
      super(); 
     } 

     protected override function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void 
     { 
      super.updateDisplayList(unscaledWidth, unscaledHeight); 
      var dateGrid : UIComponent = mx_internal::dateGrid; 

      // Code to add the label here.... 
      // BELOW DOES NOT WORK! 
      /* 
      var label:Label = new Label(); 
      label.text = "TEST"; 
      label.y = dateGrid.height + 5; 
      label.x = 5; 
      this.addChildAt(label, this.getChildIndex(dateGrid)); 
      */ 

     } 
    } 
} 

而在我的MXML,我已經控制聲明如下:

<mx:DateField width="100" parseFunction="{null}" dropdownFactory="ExtendedDateChooser" /> 

回答

2

爲了乾淨地做到這一點,你真的想擴展什麼是DateChooser控制,作爲代表下拉。

然後,您將需要更改下拉類DateField控件

myDateField.dropdownFactory = new ClassFactory(ExtendedDateChooser); 

我將繼續爲我有時間來研究來更新這個答案的。

+1

我希望你能提供更多的見解,如何做到這一點。謝謝。 – Angelo 2012-03-23 17:24:04