Kendo MVVM NumericTextBox Css binding

[Neeraj]

Hello, 
             I have one kendo numeric textbox which is mvvm bind and when value is 0 its color i need to change red. but it seems to not working. Please check this link: https://dojo.telerik.com/EqegiSoJ/2

[Preslav]

Hi Neeraj,

Due to the complexity of the Kendo UI widgets binding styles/classes in an MVVM scenario is not supported. 

To achieve the desired outcome, I would suggest handling the change event of the checkbox and manually adding/removing the desired class. For example:

onCheckboxChange: function(e){
  if(this.important){
    $("#my-ntb").data("kendoNumericTextBox").wrapper.find("input").addClass("important");
  }else{
    $("#my-ntb").data("kendoNumericTextBox").wrapper.find("input").removeClass("important");
  }
}

For a runnable example, check the modified Dojo:

• https://dojo.telerik.com/IjIVIfiM

I hope this helps.


Regards,
Preslav
Progress Telerik