Нужен пример использования пользовательского компонента в приложении FLEX - PullRequest
Новая
       4

Нужен пример использования пользовательского компонента в приложении FLEX

0 голосов
/ 22 декабря 2011

Я хочу знать, как создать CustomComponent и как использовать его в приложении FLEX.Дайте мне простой пример, у меня есть немного знаний, чтобы я мог понять, если вы просто дадите мне код.Я использую FLEX 3.0

Заранее спасибо.

1 Ответ

0 голосов
/ 22 декабря 2011

Рад видеть вас снова.

Форматированный Stepper.as 

package component
{
import flash.events.Event;
import flash.events.FocusEvent;
import flash.events.MouseEvent;

import mx.controls.NumericStepper;
import mx.core.mx_internal;
import mx.events.FlexEvent;
import mx.formatters.Formatter;
use namespace mx_internal;

public class FormattedStepper extends NumericStepper {
    // formatter
    private var _formatter:Formatter;

    public function FormattedStepper() {
        super();
    }

    override protected function createChildren():void {
        super.createChildren();

        // un-restrict text input and set initial format
        mx_internal::inputField.restrict = null;
        doFormat();

        // event listeners
        addEventListener(FlexEvent.VALUE_COMMIT, doFormat);
        addEventListener(FocusEvent.FOCUS_OUT, doFormat);
        addEventListener(MouseEvent.CLICK, doFormat);
        addEventListener(FlexEvent.DATA_CHANGE, doFormat);
        addEventListener(MouseEvent.MOUSE_DOWN, doFormat);
        mx_internal::nextButton.addEventListener(MouseEvent.CLICK, doFormat);
        mx_internal::nextButton.addEventListener(MouseEvent.MOUSE_DOWN, doFormat);
        mx_internal::prevButton.addEventListener(MouseEvent.CLICK, doFormat);
        mx_internal::prevButton.addEventListener(MouseEvent.MOUSE_DOWN, doFormat);
        mx_internal::inputField.addEventListener(MouseEvent.CLICK, unFormat);
    }       

    private function doFormat(event:Event = null):void 
    {
        if ((_formatter != null) && (mx_internal::inputField != null) && (mx_internal::inputField.text != null)) 
        {
             mx_internal::inputField.text = _formatter.format(value);
        } 
    }

    private function unFormat(event:Event = null):void
     {
        if ((_formatter != null) && (mx_internal::inputField != null) && (mx_internal::inputField.text != null))
        {
             mx_internal::inputField.text = String(value);
        }            
    }

    public function set formatter(formatter:Formatter):void {
        _formatter = formatter;
        doFormat();
    }
}
}

Test.mxml 

<mx:NumberFormatter id="numberFormatter" precision="2" useNegativeSign="true" rounding="none"/>

<mx:FormItem id="formitemLowerTolerance" label="Lower Tolerance:" labelStyleName="labelFormStyle" direction="horizontal">
            <component:FormattedStepper id="numstepLowerTolerance" width="150" formatter="{numberFormatter}"/>
            <mx:Label id="lblLower" text="%"/>
        </mx:FormItem>
...