kendonumerictextbox - 如何清除剑道数字文本框的值？

Question

我已经这样做了，但它不起作用

$("#txtLowValue").val('');
$("#txtLowValue").val();

这是文本框

$('#txtLowValue').kendoNumericTextBox({
    format: "##",
    decimals: 0,
    spinners: false,
    min: 0,
    max: 999998
});

Answer 1

这是一个简单的示例供您测试。

http://dojo.telerik.com/IQaSE

重要的是：

$('#txtLowValue').data("kendoNumericTextBox").value(null);

这是 api 文档的链接：值

Answer 2

我在 Telerik 论坛上找到了这个：http ://www.telerik.com/forums/can-t-reset-value-of-numerictextbox

从上面的链接中发挥作用：清除值需要发生几件事。如果我有一个 NumericTextBox 定义如下：

var _numeric = $("#numeric").kendoNumericTextBox({
    min: 0,
    max: 100
}).data("kendoNumericTextBox");

我可以使用以下代码行清除它：

_numeric._old = _numeric._value;
_numeric._value = null;
_numeric._text.val(_numeric._value);
_numeric.element.val(_numeric._value);

另一种可能性是，如果您想将它用于任何 NumericTextBox 控件，您可以扩展 NumericTextBox。这将在引用 kendo javascript 库之后，但在创建任何 NumericTextBox 之前完成。这将是代码：

$.extend(window.kendo.ui.NumericTextBox.fn, {
    clear: function() {
        this._old = this._value;
        this._value = null;
        this._text.val(this._value);
        this.element.val(this._value);
    }
});

然后，要清除 NumericTextBox，您可以像这样调用 clear 函数：

_numeric.clear();