必需的验证不适用于Angdo的kendo-combobox

时间:2018-08-02 07:38:05

标签: kendo-ui kendo-ui-angular2 kendo-combobox

我正在使用角度为5的Kendo组合框,我想知道是否有一种方法可以对此控件应用一些验证,我尝试使用required属性,但是它不起作用,因为kendo-combobox可以没有.valid之类的属性来检查其是否有效

 <kendo-combobox required #nameInput   [data]="availableCompanies" textField="displayText" valueField="value" [(value)]="company.selectedItem" 
                [filterable]="true"  
                [allowCustom]="true" [valueNormalizer]="valueNormalizer"  >
              </kendo-combobox>

2 个答案:

答案 0 :(得分:0)

您应使用模板或反应式forms来应用验证。 here已针对反应式演示了对组合框使用所需的验证。

答案 1 :(得分:0)

您可以设置验证规则以强制选择项目:

$("form").kendoValidator({
            rules: {
                invalidSelection: function (input) {
                    if (input.is("[name=COMBO_NAME]")) {
                        if (input.val() != "" && $("#TCOMBO_NAME").data("kendoComboBox").selectedIndex == -1) {
                            return false;
                        }
                    }
                    return true;
                }
            }
        });

通过这种方式,它可以遍历表单的所有字段,并能够为每个字段建立规则。 问候。