如何在 Kendo UI Grid ClientTemplate 中制作条件按钮？答案

【问题标题】：How to Make a Conditional Button in Kendo UI Grid ClientTemplate?如何在 Kendo UI Grid ClientTemplate 中制作条件按钮？
【发布时间】：2016-10-24 15:19:11
【问题描述】：

我的网格中有两列，

columns.Bound(c => c.EndDateTime).Format(value: "{0:d}").Title(text: "End");

columns.Bound(c => c.LeaveRequestId).ClientTemplate("<a href='" + Url.Action(actionName: "Edit", controllerName: "Leave") + "/#= LeaveRequestId #' class='btn btn-primary btn-xs'>Edit</a>").Title(text: " ").Width(pixelWidth: 50);

我想要做的是让编辑按钮（第二行代码）在当前时间仍然在 EndDateTime 之前显示一个按钮。我不知道是在ClientTemplate里面有javascript更好，还是在底部有一个函数，以及它是如何工作的。

谢谢！

【问题讨论】：

标签： javascript razor kendo-grid kendo-asp.net-mvc telerik-mvc

【解决方案1】：

这应该可行：

columns.Bound(c => c.LeaveRequestId)
    .ClientTemplate(
        "# if ((new Date()) < EndDateTime) { #" +
            "<a href='" + Url.Action(actionName: "Edit", controllerName: "Leave") + "/#= LeaveRequestId #' class='btn btn-primary btn-xs'>Edit</a>" +
        "# } #"
    )
    .Title(text: " ")
    .Width(pixelWidth: 50);

您可以将比较放在一个函数中，但这取决于您（并且可能取决于比较逻辑的复杂程度）。

【讨论】：