问题 ExtJS:针对模型的表单验证


我正在学习ExtJS,我遇到了两个不同的概念,这些概念在逻辑上与我有关。

  1. 模型类可以在其字段上指定自定义验证方法。
  2. 模型实例可以加载到Forms中,也可以从Forms中检索。

我的问题是:

  1. 是否可以让表单使用模型的验证设置来验证用户输入的内容并显示实时反馈?
  2. 如果1的答案为否,那么还有其他方法可以在表单中设置实时验证吗?

谢谢


9970
2017-09-04 16:38


起源



答案:


1. 是否可以让表单使用模型的验证设置   验证用户输入的内容并显示实时反馈?

模型的实时验证没有内置功能。但是,有更好的方法然后使用模型的验证。

2. 如果1的答案为否,那么还有其他方法可以设置   表格中的实时验证?

就在这里。
表单的字段支持 vtype config(可以找到更多信息 这里)。默认情况下,每当字段的值发生变化时,都会验证字段(如果要关闭此行为集字段的话) validateOnChange config为false)。

查看 文档 (该 Validation 部分和 Example usage 部分)了解更多信息。


4
2017-09-05 10:35



嗯,我想我必须编写一个自定义的FormPanel,它将使用模型进行验证。也许我将不得不写一个支持“FormValidatingModel”。 - jrharshath


答案:


1. 是否可以让表单使用模型的验证设置   验证用户输入的内容并显示实时反馈?

模型的实时验证没有内置功能。但是,有更好的方法然后使用模型的验证。

2. 如果1的答案为否,那么还有其他方法可以设置   表格中的实时验证?

就在这里。
表单的字段支持 vtype config(可以找到更多信息 这里)。默认情况下,每当字段的值发生变化时,都会验证字段(如果要关闭此行为集字段的话) validateOnChange config为false)。

查看 文档 (该 Validation 部分和 Example usage 部分)了解更多信息。


4
2017-09-05 10:35



嗯,我想我必须编写一个自定义的FormPanel,它将使用模型进行验证。也许我将不得不写一个支持“FormValidatingModel”。 - jrharshath


  1. 正如Molecule Man所说,没有内置的功能,但......

  2. 这似乎是一个常见的功能(以及使Ext JS 4看起来有点半生不熟的东西),其他人提出了各种解决方案:

第一个建议修改Ext.form.field.Base类以允许将表单字段绑定到Model字段,并根据在表单字段上定义的验证以及在绑定的Model字段上定义的验证来验证表单字段。

我正要测试第一个建议,可能会发布最新消息......


6
2018-01-06 02:49



您是否获得了任何方法的经验? - lacco
我有第一个解决方案很好地进行了一些修改,请参阅 链接 - Oliver Coleman