Kendo adds instead of editing a DropdownList item - asp.net-mvc

Question

I use Kendo grid inline editing mode and after editing I need to refresh datasource for my DropDownList.
The reason is my KendoGrid is supposed to add and edit data that my DropDownList uses.
I have no problem on editing data on KendoGrid and with the help of the code below I refresh the data on the DropDownList.
var dropDownList = $("#Domains").data("kendoDropDownList");
dropDownList.dataSource.read();
#Domains is the ID of my DropDownList
Everything work just fine even if I edit the data that is already selected on the DropDownList .
But the problem comes after adding new item in the KendoGrid (Inline Mode) and editing one of the older items which is selected on the DropDownList at the same time.
In this situation Kendo doesn't edit the item but It Adds edited item as a new item to the data source and we will have the old item and the edited one as two separate items.
I don't know if I convey the situation correctly.
I use MVC and the way I define datasource is like this:
.DataSource(dataSource => dataSource
.Ajax()
.Events(events => { events.Error("result_handler"); })
.Model(model => model.Id(p => p.Id))
.Create(create => create.Action("AddDomain", "Service", new { customerID = ViewBag.CustomerId }))
.Read(read => read.Action("GetDomainListForGrid", "Service", new { customerID = ViewBag.CustomerId }))
.Update(update => update.Action("EditDomain", "Service"))
.Destroy(destroy => destroy.Action("DeleteDomain", "Service"))
)
As you see I set model.Id like the above.

Answer 1

Not a great idea! but refreshing the data on grid before selecting the DropDownList item would help:
var grid = $("#grid").data("kendoGrid");
grid.dataSource.read();