剑道数字文本框最小值最大值不起作用

Posted 2023-05-07

【中文标题】剑道数字文本框最小值最大值不起作用

【英文标题】：Kendo numeric text box min max values not working

【发布时间】：2020-01-01 05:44:34

【问题描述】：

我在指令中有一个 Kendo 数字文本框。即使我设置了最小和最大字段，用户也可以输入超出范围的值。这是模板字符串：

public template: string = '<input name = "numberField" type="text" id="searchIntNumberBoxhashkey" required="required" ng-model="number" kendo-numeric-text-box k-options="options"' +
                               'min="minimumValue" max="maximumValue" maxlength = "maximumLength" step="5" style="width: 100%;height:26px"" />';

这是选项

$scope.options = 
            decimals: 0,
            format: '#',
            spin: (e) => 
                const value = e.sender.value();
                $scope.number = value;
                $scope.$apply();
            ,
        ;

谁能告诉我我做错了什么。最小值为 0，最大值为 2147483647，但我可以输入负值，也可以输入高于最大值的值。

【问题讨论】：

您可以为您的问题创建工作演示吗？

看看documentation，看看它是否对你有帮助。

【参考方案1】：

在使用html格式的剑道设置时需要添加“k-”：

 public template: string = '<input name = "numberField" type="text" id="searchIntNumberBoxhashkey" required="required" ng-model="number" kendo-numeric-text-box k-options="options" k-min="minimumValue" k-max="maximumValue" maxlength = "maximumLength" step="5" style="width: 100%;height:26px"" />';

或在控制器中：

$scope.options = 
            decimals: 0,
            format: '#',
            spin: (e) => 
                const value = e.sender.value();
                $scope.number = value;
                $scope.$apply();
            ,
            min:yourMinValue,
            max:yourMaxValue
        ;