kendo 网格内的按钮单击事件从不执行

Question

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

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

.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;    
}

none 当我点击 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 是否可供网格访问。由于您的代码看起来不错，这可能是脚本问题。

kendo 网格内的按钮单击事件从不执行

button click event inside kendo grid never execute

javascript

asp.net-mvc

kendo-grid

kendo-asp.net-mvc