Question

我有一个显示一些数据的Kendo UI Grid。但现在我需要添加一个删除选项，因此也可以删除行。但这是如何运作的？

我在网格中添加了Destroy方法。但这就是它知道要调用的Action。

如何为网格添加每行的删除图标？或者这在Kendo Grid中如何正常工作？

这是我到目前为止的代码：

@(Html.Kendo().Grid<DescriptorWithResource>()
      .Name("grid")
      .PrefixUrlParameters(false)
      .Columns(columns =>
      {
          columns.Bound(x => x.Code).Title(Html.GetResource(KnownComponent, "ManagedDescriptorCode")).Width(250);
          columns.Bound(x => x.Description).Title(Html.GetResource(KnownComponent, "ManagedDescriptorDescription")).Width(500);
      })
      .Pageable(pager => pager.Info(true)
          .Refresh(false)
          .PageSizes(false)
          .PreviousNext(false)
          .Numeric(false)
          .Enabled(true)
          .Messages(m => m.Display(@Html.GetResource(KnownComponent, "Label_TotalRecordsResource"))))
      .Scrollable(scrollable => scrollable.Virtual(true))
      .Selectable(selectable => selectable.Enabled(false))
      .Events(e => e.DataBound("window.KendoExtensions.bindHoverEffect"))
      .DataSource(dataSource => dataSource
          .Ajax()
          .PageSize(50)
          .Events(e => e
              .RequestStart("window.Management.onDataSourceBinding")
              .Error("window.Management.onDataSourceError"))
          .Read(read => read.Action("ResultData", "Management"))
          .Destroy(destroy => destroy.Action("DeleteRow", "Management"))) // <-- Added
      )

Answer 1

您需要通过命令构建器声明它。

columns => columns.Command(cmd=>cmd.Destroy())

Answer 2

您可以为每一行的特定列添加html模板。在html模板中，您可以使用按钮或链接进行删除。单击此按钮/链接，您可以调用您的操作。

template: '<input type="button" data-id=ID value="Delete" class="popupbutton" id="delButton" onclick="javascript:CheckAck(this);" id="Delete" /><br/>

向Kendo Grid添加删除选项

2 个答案: