Kendo MVC (version 2021.2.616.545) - Jquery updates NumericTextBoxFor, but GUI doesn't reflect until you click on the NumericTextBox

[Brent]

(as the title says) We updated an app including going to Kendo.Mvc (now Version 2021.2.616.545) and on one page we use Jquery to recalculate a total which is a NumericTextBoxFor. The GUI doesn't reflect, but when you click on the NumericTextBox the correct amount appears. I tried to use focus and changed event but neither seem to help.

 

Any ideas why this is occurring?

TIA!!

[Brent]

(Resolved)

Instead of this:

$('#PaymentTotal').val(parseFloat(sum).toFixed(2));

We did this:

var numericPaymentTotalTextbox = $('#PaymentTotal').data("kendoNumericTextBox");
numericPaymentTotalTextbox.value(parseFloat(sum).toFixed(2));