如何使用 Razor 语法将自定义工具栏按钮添加到选项卡条内的 Kendo UI 网格？

Question

我目前正在尝试使用 Razor 语法在选项卡条中构建 Kendo UI 网格。我遇到了一个相当小众的问题，这似乎是三个因素相互作用的结果：

1. 要在选项卡条中呈现内容，我通常会执行以下操作：

 @(Html.Kendo().TabStrip()
     .Items(items =>
     {
         items.Add().Text("Item").Content(@<text>CONTENT HERE</text>);

2. 要在网格工具栏中创建自定义按钮，我通常会执行以下操作：

 .ToolBar(tools =>
 {
 tools.Template(@<text>BUTTON CODE HERE</text>);

3. 据我所知，Kendo UI 不支持嵌套

   @<text>

   标签

考虑到所有这三个因素，我无法想出一种方法来成功地在选项卡条中呈现自定义工具栏按钮。

tools.Custom

和

tools.ClientTemplate

都对我不起作用（两者都无法在不抛出错误的情况下渲染按钮，所以我没有办法确定它们为什么不起作用）。对我来说解决这个问题的最佳方法是什么？

Answer 1

一种选择是在部分视图中定义网格并将其加载到 TabStrip中。另外，如果您需要一个普通按钮，您可以使用自定义方法来添加自定义命令按钮：

tools.Custom().Name("myButton").Text("Click me");

该按钮将获得一个

k-grid-mybutton

类，您可以将其用作选择器来附加单击处理程序。 这是一个例子。