未验证 RadDataForm 时如何禁用按钮？

Question

表单未验证时禁用按钮。

{N} Playground

A similar question 之前有人问过。它说它已经解决了，但究竟什么是体面的解决方案？我错过了什么吗？

Form validation documentation page 已损坏，存在降价错误。

Answer 1

我回答了另一个问题。

我也更新了your playground。

Answer 2

添加在每次验证时触发的 @propertyValidated="onValidateForm" 事件侦听器。 然后你可以在表格上使用hasValidationErrors()来查看表格是否有效。唯一的技巧是它必须被包裹在 setTimeout() 中，像这样：

onValidateForm(event) {
    setTimeout(() => {
        this.validated = !event.object.hasValidationErrors();
        console.log("form valid: " + this.validated);
    }, 100);
}

有关完整的解决方案，请参阅 this {N} Playground。