Flex 2 개발 가이드 > 유저 인터페이스의 커스터마이즈 > 툴 힌트의 사용 > 에러 힌트의 사용

에러 힌트의 사용

에러 힌트는,errorTip class 실렉터로부터 그 스타일을 취득하는 ToolTip 클래스의 인스턴스입니다. 통상은, 데이터가 무효인 위해(때문에) Flex 검증 메카니즘이 경고를 표시했을 때에 표시됩니다. 다만,errorTip 스타일의 정의를 사용해 그것을 툴 힌트에 적용해, custom 검증 경고 메카니즘을 작성할 수도 있습니다.

에러 힌트의 스타일은, "framework.swc" 파일내의 "defaults.css" 파일에 정의되고 있습니다. errorTip 에는, 다음의 디폴트 설정이 지정되고 있습니다. errorTip 의 전의 피리어드는, 그것이 class 실렉터인 것을 나타냅니다. 

. errorTip {
    color: #FFFFFF;
    fontSize: 9;
    fontWeight: "bold";
    shadowColor: #000000;
    borderColor: #CE2929;
    borderStyle: "errorTipRight";
    paddingBottom: 4;
    paddingLeft: 4;
    paddingRight: 4;
    paddingTop: 4;
}

에러 힌트의 외관을 커스터마이즈 하려면 , 디폴트 스타일을 재정의(override) 하는 새로운 테마를 작성하는지, 또는 어플리케이션내에서 스타일 properties 를 재정의(override) 합니다. 테마의 작성의 상세한 것에 대하여는,테마에 대해를 참조해 주세요.

errorTip 스타일을 툴 힌트에 적용해, 검증 에러 힌트에 자주(잘) 닮은 툴 힌트를 작성할 수 있습니다. 다음의 예는, 검증 논리는 포함되어 있지 않습니다만,errorTip 스타일을 사용해 검증 에러 힌트에 자주(잘) 닮은 툴 힌트를 작성하는 방법을 나타내고 있습니다. 이 예를 실행할 때는, TextInput 컨트롤에 텍스트를 입력해 Enter 키를 누릅니다. 

<? xml version="1. 0"? >
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" verticalGap="20">
    <mx:Script><! [CDATA[
        import mx.controls.ToolTip;
        import mx.managers.ToolTipManager;
        
        private var errorTip:ToolTip;
        private var myError:String;
    
        private function validateEntry(type:String, event:Object) :void {
            // 메모 : 여기에 검증 논리가 들어간다
            switch(type) {
                case "ssn":
                    myError="Use SSN format";
                    break;
                case "phone":
                    myError="Use phone format";
                    break;
            }
            // 타겟의 x 및 y 위치를 사용해, 에러 힌트의 위치를 설정합니다.
            errorTip = ToolTipManager.createToolTip(myError,
                event.currentTarget.x + event.currentTarget.width,
                event.currentTarget.y);
        
            // errorTip class 실렉터를 적용합니다.
            errorTip.setStyle("styleName", "errorTip");
        }
    ]]></mx:Script>

    <mx:TextInput id="ssn" enter="validateEntry('ssn', event) "/>
    <mx:TextInput id="phone" enter="validateEntry('phone', event) "/>
</mx:Application>

이제(벌써) 1 개의 에러 힌트의 사용 방법으로서 컴퍼넌트의 errorString properties 의 값을 설정하는 일이 있습니다. 이렇게 하면, 툴 힌트의 인스턴스가 ToolTipManager 에 의해 작성되어 그 툴 힌트에 errorTip 스타일이 적용되므로, 유저측에서 코딩 할 필요가 없습니다.

다음의 예는,errorString properties 의 값을 설정해 에러 힌트를 작성하는 방법을 나타내고 있습니다. 

private function validateEntry(type:String, event:Object) :void {
    private var myError:String;
    switch(type) {
        case "ssn":
            myError="Use SSN format";
            break;
        case "phone":
            myError="Use phone format";
            break;
    }
    event.currentTarget.errorString = myError;
}

또,createToolTip() 메소드를 호출할 때 errorTipBorderStyle properties 의 값을 지정해, 에러 힌트가 작성되도록(듯이) 할 수도 있습니다. 

ToolTipManager.createToolTip(myError, event.currentTarget.x + event.currentTarget.width, event.currentTarget.y, "errorTipRight");

발리 데이터의 사용의 상세한 것에 대하여는,데이터 검증을 참조해 주세요.