Многочисленные Kendo UI Grid с выпадающими шаблонами редактора исправляют проблемы на странице бритвы ASP.NET MVC

Question

У меня есть две сетки Kendo UI с раскрывающимися столбцами шаблонов редактора на странице бритвы ASP.NET MVC. Обе сетки имеют одну строку всегда и прекрасно работают с редактированием и обновлением.

Но когда пользователь щелкает одно первое редактирование сетки и пытается щелкнуть второе редактирование сетки, тогда шаблоны редактора не работают для второй сетки. это показывает значения сетки в текстовом поле. Обе сетки используют одни и те же шаблоны редактора для столбцов. Нет ошибок в консоли браузера.

Я попытался переместить эти сетки в частичные представления и попытался создать разные шаблоны редактора для каждой сетки, но результат всегда был одинаковым.

Самое смешное, что если вы сначала редактируете вторую сетку, а затем нажимаете первую сетку, это не создает никаких проблем и показывает все выпадающие значения с шаблонами редактора. (первая и вторая сетка означают сверху вниз)

обе сетки имеют разные модели, но имеют один и тот же класс для модели.

Я даю пример кода здесь.. пожалуйста, помогите мне.. уже потратил много времени на это.

@model ProjectName.ViewModel.EmployeesViewModel

    @(Html.Kendo().Grid(Model.CasualEmployees)
                  .Name("GridCasualEmployees")
                  .Columns(columns =>
                  {
                      columns.Bound(i => i.Frequency).Title("Frequency").EditorTemplateName("Frequency").ClientTemplate("#:Frequency#").HtmlAttributes(new { @style = "text-align:Left; " }).Width(75);
                      columns.Bound(i => i.Quarter).Title("Quarter").EditorTemplateName("Quarter").ClientTemplate("#= kendo.toString(Quarter,\"MMM yyyy\") #").HtmlAttributes(new { @style = "text-align:left; " }).Width(75);
                      columns.Bound(i => i.EmpId).Hidden();
                      columns.Command(command => command.Edit()).Width(175);
                  })
                  .ToolBar(toolbar => toolbar.Create())
                  .Editable((editable => editable.Mode(GridEditMode.InLine)))
                  .Selectable(selectable => selectable
                      .Mode(GridSelectionMode.Multiple))
                  .Sortable(sortable => sortable
                      .AllowUnsort(true)
                      .SortMode(GridSortMode.MultipleColumn))
                  .DataSource(dataSource => dataSource
                      .Ajax()
                      .Batch(true)
                      .ServerOperation(false)
                      .Model(model =>
                      {
                          model.Id(s => s.EmpId);
                          model.Field(s => s.Frequency);
                          model.Field(s => s.Quarter);
                      })
                      .Create(update => update.Action("CreateEmployee", "Employee"))
                      .Read(read => read.Action("ReadEmployee", "Employee"))
                      .Update(update => update.Action("UpdateEmployee", "Employee"))
                  )
                  )


    @(Html.Kendo().Grid(Model.PermanentEmployees)
                  .Name("GridPermanentEmployees")
                  .Columns(columns =>
                  {
                      columns.Bound(i => i.Frequency).Title("Frequency").EditorTemplateName("Frequency").ClientTemplate("#:Frequency#").HtmlAttributes(new { @style = "text-align:Left; " }).Width(75);
                      columns.Bound(i => i.Quarter).Title("Quarter").EditorTemplateName("Quarter").ClientTemplate("#= kendo.toString(Quarter,\"MMM yyyy\") #").HtmlAttributes(new { @style = "text-align:left; " }).Width(75);
                      columns.Bound(i => i.EmpId).Hidden();
                      columns.Command(command => command.Edit()).Width(175);
                  })
                  .ToolBar(toolbar => toolbar.Create())
                  .Editable((editable => editable.Mode(GridEditMode.InLine)))
                  .Selectable(selectable => selectable
                      .Mode(GridSelectionMode.Multiple))
                  .Sortable(sortable => sortable
                      .AllowUnsort(true)
                      .SortMode(GridSortMode.MultipleColumn))
                  .DataSource(dataSource => dataSource
                      .Ajax()
                      .Batch(true)
                      .ServerOperation(false)
                      .Model(model =>
                      {
                          model.Id(s => s.EmpId);
                          model.Field(s => s.Frequency);
                          model.Field(s => s.Quarter);
                      })
                      .Create(update => update.Action("CreateEmployee", "Employee"))
                      .Read(read => read.Action("ReadEmployee", "Employee"))
                      .Update(update => update.Action("UpdateEmployee", "Employee"))
                  )
                  )




 @(Html.Kendo().DropDownListFor(i => i)
                    .Name("Quarter")
                    .DataValueField("Id")
                    .DataTextField("Name")
                    .BindTo((IEnumerable)ViewBag.Quarters)
                    .OptionLabel("Select Quarter")
    )


        @(Html.Kendo().DropDownListFor(i => i)
                        .Name("Frequency")
                        .DataValueField("Id")
                        .DataTextField("Name")
                        .BindTo((IEnumerable)ViewBag.Frequencies)
                        .OptionLabel("Select Frequency")
        )

     public class EmployeesViewModel
        {
            public List<Employee> CasualEmployees{ get; set; }
            public List<Employee> PermanentEmployees{ get; set; } 
        }

Заранее спасибо,