Hello Tim,
Using the MVC wrappers should not make any difference. I was not able to replicate the problem with DropDownList editor in an MVC Grid.
For a base, I used the "Grid / Editing custom editor" demo:
Now, the code in the "editing_custom.cshtml" page looks like:
@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.ProductName);
columns.Bound(p => p.Category).ClientTemplate("#=Category.CategoryName#").Width(180);
columns.Bound(p => p.UnitPrice).Width(130);
columns.Command(command => command.Destroy()).Width(150);
})
.ToolBar(toolBar =>
{
toolBar.Create();
toolBar.Save();
})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Events(e=> {
e.SaveChanges("saveChanges");
e.DataBinding("dataBinding");
e.Edit("edit");
e.DataBound("dataBound");
})
.Pageable()
.Sortable()
.Navigatable()
.Scrollable()
.HtmlAttributes(new { style = "height:550px;" })
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.ServerOperation(false)
.Events(events => events.Error("error_handler"))
.Model(model =>
{
model.Id(p => p.ProductID);
model.Field(p => p.ProductID).Editable(false);
model.Field(p => p.Category).DefaultValue(
ViewData["defaultCategory"] as Kendo.Mvc.Examples.Models.CategoryViewModel);
})
.PageSize(20)
.Read(read => read.Action("EditingCustom_Read", "Grid"))
.Create(create => create.Action("EditingCustom_Create", "Grid"))
.Update(update => update.Action("EditingCustom_Update", "Grid"))
.Destroy(destroy => destroy.Action("EditingCustom_Destroy", "Grid"))
)
)
<script type="text/javascript">
var rowIndex = null;
var cellIndex = null;
var saveButtonClicked = false;
var editCell = false;
function error_handler(e) {
if (e.errors) {
var message = "Errors:\n";
$.each(e.errors, function (key, value) {
if ('errors' in value) {
$.each(value.errors, function() {
message += this + "\n";
});
}
});
alert(message);
}
}
function saveChanges(e) {
saveButtonClicked = true;
}
function dataBinding(e) {
var current = e.sender.current() || [];
if (current[0]) {
cellIndex = current.index();
rowIndex = current.parent().index();
}
}
function edit(e){
var index = e.sender.current().parent().index();
if(rowIndex === null){
rowIndex = index;
}else{
if(rowIndex != index){
rowIndex = null;
editCell = true;
e.sender.dataSource.sync();
}
}
}
function dataBound(e) {
if (!isNaN(cellIndex)) {
e.sender.current(e.sender.tbody.children().eq(rowIndex).children().eq(cellIndex));
rowIndex = cellIndex = null;
// The code below is needed only when the user clicks on the "Save Changes" button.
// Otherwise, focusing the table explicitly and unconditionally can steal the page focus.
if (saveButtonClicked) {
e.sender.table.focus();
saveButtonClicked = false;
}
if(editCell){
editCell = false;
e.sender.editCell(e.sender.current());
}
}
}
</script>
If the above does not help, in order to continue my investigation, could you please prepare and share an
isolated Dojo that clearly replicates the problem? If sending a Dojo is not doable, you can send us an MVC project.
Regards,
Preslav
Progress Telerik