5、Ext 表单开发全解析

Ext 表单开发全解析

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',
    name: 'filmed_in',
    boxLabel: 'Color'
},{
    xtype: 'radio',
    hideLabel: