ExtJS 5：为msg目标预留空间

Question

当我在ExtJS 5中有一个表单在表单字段旁边显示错误标记时，其他表单字段的位置会一直在变化，具体取决于是否有验证标记。

一旦出现验证标记，就会重新排列布局以适应这个新元素。

从用户的角度来看，这会让人感到不稳定。

是否可以预先为验证标记预留空间，这样它们只会出现/消失，而不会重新定位布局中的所有其他组件？

Answer 1

如果你想在字段旁边显示错误/错误标记，你可以添加一个指定大小的空容器，并在必要时向它添加一条错误信息，这是一个简单的例子（放置messageContainer容器适合你的地方）：static message box fiddle。 如果您澄清问题，我可以更新示例。

但是，在我看来，使用工具提示或vtype（link to docs）与vtypeText更合适，这将直接显示在错误填充的字段附近。在这种情况下，请使用isValid方法（link to docs）检查您的表单。

Answer 2

使用字段上的autoFitErrors: false选项。 Docs