Our dropdownlist is in a popup editor of a kendogrid.
It has a databound event where we conditionally select the 1st item.
.Events(events => events.DataBound("function() { if (this.value() == '' && this.dataSource.data().length == 1) { this.select(1); } }"))
This works to change the dropdown (and it's hidden input), but when we post back the value is zero.
If we manually select the 1st item then it binds and posts back correctly.
A similar databound event works on other screens, but it just seems to be only a problem the built-in popup editor of the kendo grid.
Any ideas how to get the .select to update the dataItem & post back correctly?
2 Answers, 1 is accepted
Rank 1
It worked to bind properly once we manually triggered the change event, after the select logic.
this.trigger('change');
The Grid uses a model binder internally for the popup. In such scenarios, the select() method will not automatically update the model. As you have correctly observed, the issue is resolved by manually triggering the change event. Additional information regarding this behavior is available in the API reference:
Regards,
Dimitar
Progress Telerik