kendo grid中的按钮单击事件永远不会执行

Question

我有一个kendo-gridin asp.net mvc。在这个模板中，我正在使用按钮单击事件，但事件根本没有触发。我不知道出了什么问题。

以下是我的代码。有人可以帮忙吗？

.Columns(columns =>
{
    columns.Bound(c => c.currTypeName).Title("Type").Width(100).ClientTemplate("#=currTypeIcon#").HtmlAttributes(new { @class = "el_currTypeNameTooltip" });
    columns.Bound(c => c.regDate).Title("Registered").Width(200).Format("{0:MM/dd/yyyy}");
    columns.Bound(c => c.currName).Title("Curriculum Name").HtmlAttributes(new { @class = "el_CurrNameTooltip" }).ClientTemplate("<a href='\\#' class='JSfnMoreDetails'>#=currName#</a>");
    columns.Bound(c => c.dueDate).Title("Event/Due Date").Width(200).HtmlAttributes(new { @class = "el_DownloadInviteTooltip" }).ClientTemplate("<a href='\\#' class='JSfnDownloadInvite'></a>");
    columns.Bound(c => c.Status).Title("Status").Width(200);
    columns.Command(command =>
    {
        command.Custom("NextAction").HtmlAttributes(new { @class = "el_NextActionTooltip el_RemoveBorder el_NextActionsIcon" }).Click("NextActionRedirection");
        command.Custom("Trash").HtmlAttributes(new { @class = "el_TrashTooltip el_RemoveBorder el_NextActionsIcon" }).Click("TrashRedirection").Visible("fnTrashVisible");
        command.Custom("Note").HtmlAttributes(new { @class = "el_NotesTooltip el_RemoveBorder el_NextActionsIcon" }).Click("NoteRedirection").Visible("fnNoteVisible");
        command.Custom("ExemptionCheck").HtmlAttributes(new { @class = "el_ExemptionCheckTooltip el_RemoveBorder el_NextActionsIcon" }).Visible("fnExemptionCheckVisible").Click("ExemptionCheckRedirection");
    }).Title("Actions").Width(180).HeaderHtmlAttributes(new { @class = "el_Center" });
})

Javascript函数

function NextActionRedirection(e) {
    debugger;
}

function TrashRedirection(dataitems) {
    debugger;
}

function NoteRedirection(e) {
    debugger;    
}

function ExemptionCheckRedirection(e) {
    debugger;    
}

当我点击我的kendo网格内的按钮时，没有上述功能正在执行，当我在控制台中看到代码时，按钮看起来如下

<a role="button" class="k-button-icontext k-grid-NextAction el_NextActionTooltip el_RemoveBorder el_NextActionsIcon el_nextActionClick" href="#" title="Prerequisite Required11111"><i class="fal fa-arrow-square-right"></i></a>

这意味着按钮单击事件未分配给网格内的按钮

什么阻止按钮点击事件在这里，我该如何解决这个问题？

Answer 1

如果您检查demo for custom commands，那也只显示视图详细信息命令按钮而没有像这样的onclick事件 -

<a role="button" class="k-button k-button-icontext k-grid-ViewDetails" href="#">ViewDetails</a>

我建议您检查网格是否可以访问您定义了点击事件的javascript。由于您的代码看起来很好，可能是脚本问题。