5、ExtJS表单开发全解析

ExtJS表单开发全解析

1. 自定义验证类型与输入掩码

1.1 自定义验证类型

在表单开发中，我们常常需要对输入的值进行验证。通过以下代码，我们可以轻松创建自己的自定义验证类型：

Ext.form.VTypes['name'] = function(v){
    return Ext.form.VTypes['nameVal'].test(v);
}

将这些代码整合在一起，我们就拥有了一个可以反复使用的自定义验证类型。

1.2 输入掩码

输入掩码用于限制特定字段只能接受某些按键输入，例如只允许输入数字、字母或大写字母等。由于使用正则表达式来决定过滤哪些按键，其可能性是无限的。以下是一个允许输入无限长度大写字母的掩码示例：

maskRe: /[A-Z]/

不过，建议创建一个 vType 来实现输入掩码功能。这样，当格式要求发生变化时，只需在一处修改即可。

2. 表单元素之单选按钮与复选框

2.1 单选按钮

单选按钮在表单中是一种常见但使用起来有些繁琐的元素。我们可以通过以下代码向表单中添加一组单选按钮：

{
    xtype: 'radio',
    fieldLabel: 'Filmed In',
    n