如何在Kendo UI网格中创建自定义的删除/销毁按钮/命令？

我正在使用Kendo UI网格GridEditMode.InCell，我需要在网格列中添加一个用于删除/销毁命令的超链接，而不是默认的“删除”按钮。如何在Kendo UI网格中创建自定义的删除/销毁按钮/命令？

我当前的代码看起来像：

c.Command(command => command.Destroy()).Width(90);

来源

2012-11-13 Vlad Bezden

这里是我最终会做

  c.Template(@<text></text>) 
       .Width(50) 
       .ClientTemplate(@"<a class=""k-button-icontext k-grid-delete"" href=""\#"">Delete</a>");

来源

2012-11-14 14:24:32

是的，这是为我提供了上面定义的标记，但点击它却什么都不做。 –

请注意，您必须将.Editable（）添加到网格上，以便将该事件附加到“k-grid-delete”项目 –

'@（Html.Kendo（）。Grid （）... .Editable （editable => editable.Mode（GridEditMode.InCell））'有两种类型的GridEditModes。我的链接包含图标的范围：'Delete' –

所有你需要做的是添加它具有k-grid-delete类的元素。

例如，您可以将以下锚点元素添加到模板列中，它将作为删除按钮开始工作。

<a class="k-button k-button-icontext k-grid-delete" href="#">My delete !</a>

来源

2012-11-13 22:15:42

XMR感谢您的回应。不过，我不明白我应该在哪里添加该代码。 c.Command没有模板或ClientTemplate，所以我不能在那里添加它。我也试过： c.Bound（p => p.Id） .ClientTemplate（“My delete !”） .Title（“Action”） .Width（100）; 请指教。 –

的确我建议你将它添加到ClientTemplate。使用ClientTemplate时不显示吗？或者当你点击按钮时它不起作用。 –

再次感谢。 ClientTemplate不是Command的方法。因此，当我应用它时，代码仍然编译，但我得到运行时错误“CS1061：'Kendo.Mvc.UI.Fluent.GridActionColumnBuilder'没有包含'ClientTemplate'的定义，也没有接受第一个参数的扩展方法'ClientTemplate'的类型'Kendo.Mvc.UI.Fluent.GridActionColumnBuilder'可以找到（你是否缺少使用指令或程序集引用？）“ 请指教。 –

如何在Kendo UI网格中创建自定义的删除/销毁按钮/命令？

回答

相关问题