上次说到了简单的表单验证,可以配置错误信息,点击按钮可以进行所有表单验证,那么如果验证都通过,怎样执行提交任务呢?一般都会这么处理,下面这个是button点击事件处理方法
function vaidateForm():void{
var all:Array=Validator.validateAll([numVD,emailVD,comboValidator]);
if(all.length==0){
Alert.show("验证成功");
//这里可以发送请求进行表单提交任务
}
}
关于错误信息提示方面,有人说到字体太小了不好看,那么针对这个问题肯定是样式没有配好,就如同提示框的字体太小一样都可以进行style设置的
现附上图
类似于这样的效果,配置如下
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
.errorTip
{
fontSize:16;
}
mx|Alert{
fontSize:16;
}
</fx:Style>
接下来就说下comboBox的验证了,这个在普通验证里面是找不到的必须自己手写
ComboValidator.as
package oreilly.cookbook
{
import mx.validators.ValidationResult;
import mx.validators.Validator;
public class ComboValidator extends Validator
{
// 如果ComboBox中没有项目被选中, 则返回这个错误信息
public var error:String;
//如果开发者把一个自定义的项目推进ComboBox的数组中(这种情况我见过不少)
//我们就会把这个项跟已选取的项进行对比。
public var prompt:String;
public function ComboValidator() {
super();
}
//在这里我们进行两个检查:
//1. comboBox中有没有项目被选中
//2. 开发者有没有为comboBox加入自定义的项目
//任何一个条件为ture的话, 则返回一个错误
override protected function doValidation(value:Object):Array
{
var results:Array = [];
if(value as String == prompt || value == null) {
var res:ValidationResult = new ValidationResult(true, "", "", error);
results.push(res);
}
return results;
}
}
}
具体使用代码,使用之前先配下Application的命名空间
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:cookbook="oreilly.cookbook.*"
creationComplete="init()"
>
看到那个cookbook的没有,就是配上那个,orelilly.cookbook是as文件的包名
<fx:Declarations>
<cookbook:ComboValidator prompt="myCombox" id="comboValidator" error="请选择一项" source="{myCombox}" property="selectedItem"/>
</fx:Declarations>
- 大小: 3.8 KB
- 大小: 2.7 KB
分享到:
相关推荐
flex4中不能使用combobox,该类是用LIST 自写的一个代替类
提供 : Flex4 的 进度条ProgressBar 组件实例 ComboBox 实例 NumbericStepper 实例 源码
flex ComboBox 包含一checkbox,可以下来测试看看,
flex实现 ComboBox中下拉checkbox 经测试好用,还有可移动面板,和可改大小面板实例
自己整理的Flex 下拉框为Tree的ComboBox在我的博客上有源码和截图。 http://blog.csdn.net/cym_lmy/article/details/12066525。
Flex 树形 ComboBox组件,Flex 树形 ComboBox组件,Flex 树形 ComboBox组件
flex combobox联动效果demo
简单的小例子,没事做着玩的,功能为flex 解析xml绑定到combobox点击按钮把combobox所选的数据添加到List列表。
该实例展示了combobox通过输入进行过滤的数据源的方法,实现环境为flex4,测试通过,希望可以帮到你!
JavaFX表单验证(目前支持,TextField和ComboBox两种表单)
flex datagrid 中实现combobox联动,这是我写的一个简单的例子供大家一起学习进步。希望对你们有所帮助。
JavaFX表单验证(目前支持,TextField和ComboBox)
Flex4视频教程_03-06ComboBox和DataGrid的使用.rar )
NULL 博文链接:https://niuyandong1988.iteye.com/blog/2206640
1.采用ActionScript3.0...4.精简算法,能够秒出内容。 5.带有注释。 6.可再渲染。 注:3个as文件放在同一目录或者包下,包引用记得自己改下。 在Flex 可视化编辑界面直接拖出就行。 有问题或者BUG 可联系QQ:408955289
datagrid里添加combobox列,在拖动时会出现数据混乱问题,该实例解决此问题。
Flex4.6 开发的关于DataGrid控件,在其中嵌套了comboBox,控制是否可航编辑,添加删除一行,光表定位,查了好些资料,可直接运行
Flex设置下拉框ComboBox组件在不可编辑状态下的选中样式
现有的combobox只有单选功能,通过重画combobox构造多选combobox;