kendo-ui - 如何刷新值剑道数字文本框？

Question

我有一个 kendoNumericTextBox。我有设置与 kendoNumericTextBox 关联的输入元素的值的代码。例如，代码调用：

$('#myId').val('test');

不幸的是，剑道数字文本框不会自动反映该值。如何告诉 kendoNumericTextBox 更新其值？我知道 kendoNumericTextBox 上有一个方法如下：

$('#myId').data('kendoNumericTextBox').value('test');

但是，我填充了许多字段，但不确定哪些字段将是 kendoNumericTextBox 字段。所以，我更喜欢调用类似于我对所选插件所做的事情来根据底层组件刷新值。例如，使用所选插件，我可以调用：

$('.chosen').trigger('liszt:updated');

根据底层选择组件的值更新所有值。

Answer 1

var numerictextbox = $("#paymentAmount_" + id).data("kendoNumericTextBox");
    numerictextbox.value("0.00");

这对我有用。将元素存储在变量中并使用双引号设置值。此外，我无法在 numericTextBox 中输入“test”之类的词...我假设您的意思是作为测试数据。但这也应该对你有用。

Answer 2

我在同样的事情上遇到了麻烦，但是我在没有引号的情况下让它工作......
我只能说它现在似乎工作......

 calCalories: function (e) {

        var totalCals = 0;
        totalCals = totalCals + ($("#Carbs").val() * 4);
        totalCals = totalCals + ($("#Protein").val() * 4);
        totalCals = totalCals + ($("#Fat").val() * 9);

        var numerictextbox = $("#Calories").data("kendoNumericTextBox");
        numerictextbox.value(totalCals);
    },

注意：显然可以使用下面的代码行从事件中获取值

e.sender.value()

Answer 3

只需触发剑道数字文本框的更改事件

$('#myId').data('kendoNumericTextBox').trigger('change');