Question

我有Kendo数字文本框..我只是想知道如何在用户删除值时显示默认值并在数字文本框外单击文本框显示为null，如何在显示时再次显示默认值删除并单击其他字段。

这是我的代码：

<input id="txtWageFrom" name="txtWageFrom" type="number" class="dropnumeric" value="30" min="10" max="100" />

$("#txtWageFrom").kendoNumericTextBox({
    format: "c",
    decimals: 3,
    value:30,
    change: function () {
         var value = this.value();
         // alert(value); //value is the selected date in the numerictextbox
         if (value == null) {
             alert(value);
         }
    }
});

我尝试再次声明更改事件的输入值，但它不起作用......

Answer 1

您可以处理blur事件

$("#txtWageFrom").blur(function() {
  var kn = $(this).data("kendoNumericTextBox");
  if (kn.value() === null) {
    kn.value(0.0); // set default
  }
});

Answer 2

ahaha tnx的帮助，但我通过这样做解决了这个问题

$("#txtWageFrom").kendoNumericTextBox({
    format: "c",
    decimals: 3,
    value: 30,
    change: function () {
        var value = this.value();

        if (value == null) {
            setFromValue();
       }
    }
});
var numerictextbox = $("#txtWageFrom").data("kendoNumericTextBox");
var setValue = function () {
    numerictextbox.value(30);
    alert('sadasdasdwe');
};

Kendo numerictextbox：即使删除默认值，如何保持默认值？

2 个答案: