I am using kendoDropDownList in a kendogrid.
Now when I edit that row by calling
grid.editRow(tr);
function, row opens for Edit.
Its shows kendoDropDownList in edit mode but its not able to retain the original value.
I tried using databound event to select original value
let input = $('<input name= "' + options.field + '" required = "required"/>');
input.attr('id', options.field);
input.attr('data-text-field', 'Name');
input.attr('data-value-field', 'Name');
input.attr('data-bind', 'value:' + options.field);
input.width(container.width());
input.appendTo(container);
input.kendoDropDownList({
autoBind: false,
dataTextField: 'Name',
dataValueField: 'Name',
optionLabel: 'Select',
dataBound: (e) => {
$('#' + options.field).data('kendoDropDownList').value(options.model.dropDownValue) ;
},
dataSource: {
data: this.list
}
});
If I do this and just call validate
$('#grid').kendoValidator().data('kendoValidator').validate();
It shows me validation message for kendoDropDownList.
Since when I open in edit mode, I am setting value of dropdownlist. So why its showing validation message even if its value is set in databound event.
Am I doing something wrong here?
Is there an example for kendogrid containing kdropdownlist and doing validation in edit mode.