How to change the value of a kendo bound html input

Question

I have a kendoui grid with a custom popup for editing. In this popup I have an input which is bound to a value of the grid: ``` <input type="text" class="k-input k-textbox" id="test" data-bind="value:SearchFilter"> ``` This works fine. Click edit in the grid, change the value in the textbox and the value propagates to the grid. But now I want to change the value of the textbox in javascript.. So I now have this: ``` $('#test').val("testvalue"); ``` This indeed changes the value of the textbox, but upon save the new value isn't propagated to the grid. I guess because no change event occurs on the textbox. How do I make this work?

Accepted Answer

You need simulate change event. Try this code:

```
$('#test').val("testvalue").change();
```

How to change the value of a kendo bound html input

Solution

Problem