MVC Kendo ListView Кнопка редактирования и удаления исчезает

Question

Мои кнопки редактирования исчезают, нажав кнопку редактирования. Обычно они должны автоматически переключаться на кнопки сохранения и отмены, насколько это возможно. Нажав кнопку редактирования, весь контент внутри моего div (idCustomerTemplate) заменяется шаблоном редактора.

Веб-сайт Telerik: Примечание: события click для элементов с именем класса k-update-button и k-cancel-button будут автоматически обрабатываться и обрабатываться Kendo ListView как операции сохранения и отмены. Шаблон редактора должен быть заключен в контейнер HTML, как и шаблон элемента.

У кого-нибудь есть подсказка для меня?

<script type="text/x-kendo-tmpl" id="idCustomerTemplate"> 
     <div class="clsCustomerListView"> 
      <dl> 
      <dt>Firmenname</dt> 
      <dd>#=CompanyName#</dd> 
      <dt>Adresse</dt> 
      <dd>#=Adress#</dd> 
      <dt>Postleitzahl</dt> 
      <dd>#=ZipCode#</dd> 
      <dt>Ort</dt> 
      <dd>#=Location#</dd> 
      <dt>Land</dt> 
      <dd>#=Country#</dd> 
      </dl> 
      <div class="edit-buttons"> 
      <a class="k-button k-edit-button" href="\\#"><span class="k-icon k-edit"></span></a> 
      <a class="k-button k-delete-button" href="\\#"><span class="k-icon k-delete"></span></a> 
      </div> 
     </div> 
    </script> 

Answer 1

This может помочь вам для инлайн редактирования кендо сетки в ASP.NET MVC.

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>() 
    .Name("grid") 
    .Columns(columns => 
    { 
     columns.Bound(p => p.ProductName); 
     columns.Bound(p => p.UnitPrice).Width(100); 
     columns.Bound(p => p.UnitsInStock).Width(100); 
     columns.Bound(p => p.Discontinued).Width(100); 
     columns.Command(command => { command.Edit(); command.Destroy(); }).Width(172); 
    }) 
    .ToolBar(toolbar => toolbar.Create()) 
    .Editable(editable => editable.Mode(GridEditMode.InLine)) 
    .Pageable() 
    .Sortable() 
    .Scrollable() 
    .HtmlAttributes(new { style = "height:430px;" }) 
    .DataSource(dataSource => dataSource 
     .Ajax() 
     .PageSize(20) 
     .Events(events => events.Error("error_handler")) 
     .Model(model => model.Id(p => p.ProductID)) 
     .Create(update => update.Action("EditingInline_Create", "Grid")) 
     .Read(read => read.Action("EditingInline_Read", "Grid")) 
     .Update(update => update.Action("EditingInline_Update", "Grid")) 
     .Destroy(update => update.Action("EditingInline_Destroy", "Grid")) 
    ) 
)