剑道网格内的按钮单击事件从不执行答案

【问题标题】：button click event inside kendo grid never execute剑道网格内的按钮单击事件从不执行
【发布时间】：2019-03-20 06:05:51
【问题描述】：

我有一个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;    
}

当我单击剑道网格内的按钮时，上述功能均未执行，当我在控制台中看到代码时，按钮如下所示

<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>

这意味着按钮点击事件没有分配给网格内的按钮

是什么阻止了此处的按钮单击事件，我该如何解决？

【问题讨论】：

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

【解决方案1】：

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

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

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

【讨论】：