0

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

我Destroy在网格中添加了一个方法。但这只是让它知道该Action调用什么。

如何为每一行添加一个删除图标，例如到网格中？或者这通常如何在剑道网格中工作？

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

@(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
      )
4

2 回答 2

1

您需要通过命令生成器声明它。

columns => columns.Command(cmd=>cmd.Destroy())
于 2013-11-11T19:45:24.810 回答
0

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

template: '<input type="button" data-id=ID value="Delete" class="popupbutton" id="delButton" onclick="javascript:CheckAck(this);" id="Delete" /><br/>
于 2013-11-11T12:06:55.407 回答