如何在 mvc kendo ui 网格中绑定列的客户端模板中将“this”作为函数参数发送？

Question

我有一个 kendo ui 网格，它有一个使用客户端模板的绑定列。客户端模板包含一个带有 onclick 事件的 html 按钮，看起来像

columns.Template(e => e.ConfirmationNumber).ClientTemplate("<button class='btnStartStopClock' onclick='StartStopPSAClock(this, #= ConfirmationNumber #, \"#= Description #\")'>Start</button>").HtmlAttributes(new { id = "btnStartStop_\\#= ConfirmationNumber\\#" }).Title("").Width(15);

我想知道如何正确地将“this”（按钮）作为参数发送到 onclick 函数。我目前拥有的东西打破了它。

感谢您的帮助

Answer 1

您可以使用以下 Javascript 并更改您的列代码如下：

columns.Template(e => e.ConfirmationNumber).ClientTemplate("<button class='btnStartStopClock' onclick='StartStopPSAClock(event, #= ConfirmationNumber #, \"#= Description #\")'>Start</button>").HtmlAttributes(new { id = "btnStartStop_\\#= ConfirmationNumber\\#" }).Title("").Width(15);


function StartStopPSAClock(event, confNumber, descrip) {
    alert("ConfirmationNumber:  " + confNumber);
    alert("Description:  " + descrip);

    //Get Parent Button object as well Parent of Button.
    alert("Button ID: " + event.target.id);
    alert("Button Parent ID: " + event.target.parentElement.id);
}

Demo