Question

创建了两个文本字段，我必须验证它并在警告框中显示错误消息。在4.5 mx.controls.Alert不受支持。我尝试从源路径中包含mx。请通过验证文本字段为空来帮助我如何显示警告框..

<code>

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" title="validation">



<fx:Declarations>
        <fx:Component className="AlertMsg">
            <s:SkinnablePopUpContainer x="70" y="100">
                <s:TitleWindow title="My Message" close="close()">
                    <s:VGroup horizontalAlign="center" paddingTop="8" paddingBottom="8" paddingLeft="8" paddingRight="8" gap="5" width="100%">
                        <s:Label text="My alert message text here..."/>
                        <s:Button label="OK" click="close()"/>
                    </s:VGroup>
                </s:TitleWindow>
            </s:SkinnablePopUpContainer>
        </fx:Component>
    </fx:Declarations>



    <s:layout>
            <s:VerticalLayout paddingTop="5" paddingBottom="5" paddingLeft="5" paddingRight="5" gap="10"
                              horizontalAlign="center" verticalAlign="top"/>
        </s:layout>

    <s:TextInput id="firstName"/>
    <s:TextInput id="zipCodeInput"/>
    <s:Button label="Show Alert" click="(new AlertMsg()).open(this, false)"/>

</s:View>

</code>

此处警告显示在fx：声明中。如何通过验证文本字段显示警报消息..请帮助

Answer 1

在“显示提醒”按钮上添加点击处理程序，而不是直接显示提醒框。从那里，验证TextInput字段的值。如果它是空的，请显示警报。

<fx:Script>
   <![CDATA[        
      private function validateField() : void {
          if (firstName.text == "" || zipCodeInput.text == "")
              new AlertMsg().open(this, false);
      }
   ]]>   
</fx:Script>


<s:Button label="Show Alert" click="validateField()"/>

用于textInput的Flex 4.5警报消息

1 个答案: