<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="500"
height="400" xmlns:cookbook="oreilly.cookbook.*"
creationComplete="init();"><mx:Style>/*在這里, CSS這個類是用來給予我們的tooltip一個像錯誤信息的外觀*/
.errorToolTip {
color: #FFFFFF;
fontSize: 9;
fontWeight: "bold";
shadowColor: #000000;
borderColor: #CE2929;
borderStyle: "errorTipRight";
paddingBottom: 4;
paddingLeft: 4;
paddingRight: 4;
paddingTop: 4;
}</mx:Style><mx:Script><![CDATA[import mx.controls.ToolTip;
import mx.managers.ToolTipManager;
import mx.events.ValidationResultEvent;
import mx.validators.Validator;
import mx.controls.Alert;
[Bindable]
private var validatorArr:Array;
private var allErrorTips:Array;
private function init():
void {
validatorArr =
new Array();
validatorArr.push(comboValidator1);
validatorArr.push(comboValidator2);
}
//以下是驗證過程的代碼:private function validateForm():
void {
//如果表格上已有錯誤提示, 我們就去把它移除if(!allErrorTips) {
allErrorTips =
new Array();
}
else {
for(
var i:
int = 0; i<allErrorTips.length; i++)
{
//移除tooltipToolTipManager.destroyToolTip(allErrorTips[i]);
}
//把數(shù)組清空allErrorTips.length = 0;
}
var validatorErrorArray:Array =
Validator.validateAll(validatorArr);
//如果validatorErrorArray 這個數(shù)組為空, 即告訴你這里沒有任何錯誤可供拋出。否則, 你就要創(chuàng)建相及按置對應(yīng)的錯誤提示。var isValidForm:Boolean = validatorErrorArray.length == 0;
if (!isValidForm) {
var err:ValidationResultEvent;
for each (err
in validatorErrorArray) {
//通過設(shè)置目標的x,y 坐標可以設(shè)定它的位置//如果程序中已經(jīng)存在一些版面管理的設(shè)定, 我們會使用getBounds 方法去取得它//在舞臺上的實際位置//由于ErrorEvent 的目標屬性就是負責拋出事件的控件或組件, 所以這個屬性會用來放置錯誤提示。var pt:Rectangle =
this.stage.getBounds(err.currentTarget.source);
var yPos:Number = pt.y * -1;
var xPos:Number = pt.x * -1;
//現(xiàn)在創(chuàng)建錯誤提示var errorTip:ToolTip =
ToolTipManager.createToolTip(err.message,
xPos + err.currentTarget.source.width, yPos)
as ToolTip;
//套用errorTip類中的selectorerrorTip.setStyle(
"styleName",
"errorToolTip");
//儲存錯誤提示以方便在日后驗證通過的時候把它移除allErrorTips.push(errorTip);
}
}
}
]]></mx:Script><!-- our two validators --><cookbook:ComboValidator id="comboValidator1" error="Please
Select A State" prompt="{stateCB1.prompt}"
source="{stateCB1}" property="selectedItem"/><cookbook:ComboValidator id="comboValidator2" error="Please
Select A State" prompt="{stateCB2.prompt}"
source="{stateCB2}" property="selectedItem"/><mx:Form id="form"><mx:FormItem><mx:ComboBox id="stateCB1"
dataProvider="{someDataProvider}" prompt="Select A
State"/></mx:FormItem><mx:FormItem><mx:ComboBox id="stateCB2"
dataProvider="{someDataProvider}" prompt="Select A
State"/></mx:FormItem></mx:Form><mx:Button label="validate" click="validateForm()"/></mx:VBox>
