Question

当我点击旋转或用键更改数字时，是否可以配置我的绑定视图模型将收到更新的kendo数字文本框？目前，只有数字文本框失去焦点时，我的视图模型才会收到更新事件。

剑道数据绑定选项data-value-update ...遗憾地对数字文本框没有影响

感谢您的帮助

Answer 1

我知道它有点晚了，但这是我的解决方案：

var numericBox = $("#yournumericinput").data("kendoNumericTextBox");
.
.
.
numericBox.element.on("keyup", function (e) {
    var newValue = e.target.value;        
    numericBox.value(newValue);
    numericBox.trigger("change");
});

这样，change事件会在用户输入新值后立即触发，而不必等待blur事件。为简洁起见，删除了对数据有效性的检查，但我建议您也执行这些检查。

您还可以绑定spin侦听器以触发change事件。

numericBox.bind("spin", function (e) {
     this.trigger("change");
});

Answer 2

您可以尝试以下代码。它对我有用。

视图模型

viewModel.bind("change", function (e) {
        console.log("property Changed on spin ");
    });

剃刀代码

 <input id="tbSlideDuration" data-role="numerictextbox"
                             data-format="#"
                             data-min="1"
                             data-max="100"
                             data-bind="value:slideDuration, events: {spin:change}" />

这将调用引擎盖下的更改事件：）

Kendo numerictextbox更改事件而不会丢失焦点

2 个答案: