javascript - 如何将包含按钮的 Kendo Grid 中的列的值发送到 ClientTemplate？

Question

我正在尝试将网格中的行的 ID 发送到 ClientTemplate。我有一个带有删除按钮的列，我想将单击的行的 ID 发送到 ClientTemplate，这样我就可以通过 AJAX 调用点击 Controller 。我知道我可以通过“Url.Action(“Action”，“Controller”)”来做到这一点，但我试图在不刷新页面的情况下做到这一点，因为我正在处理的网格是位于 Kendo 弹出窗口中的 subview .我尝试了多种语法变体，但都无济于事。任何帮助解决这个问题的帮助将不胜感激。以下是我尝试过的一些语法......

column
.Template(@<text></text>).Width(90)

.ClientTemplate("#= MyDeleteTemplate(CsvSubmittalID) #"); 

.ClientTemplate("<div style='text-align:center'><a class=ActionbuttonDelete href=\"" + Url.Action("DeleteCsvRow", "Project") + "/#=CsvSubmittalID#\"> [Delete] </a></div>");

.ClientTemplate("#= MyDeleteTemplate(CsvSubmittalID)#", <div style='text-align:center'><a class=ActionbuttonDelete [Delete] </a></div>"); 

我需要按钮位于列中，但不使用 Url.Action 将行的 ID 传递给 Javascript

Answer 1

以下使用类似功能对我有用。我只是通过 $.ajax{}

发出调用

....

.ClientTemplate("<a style='' id='lnkDelete#=CsvSubmittalID#' onclick='lnkDeleteOnClick(#=CsvSubmittalID#)' href='javascript:void(0)'><strong>${FirstName}, ${LastName}</strong</a>")

...

function lnkDeleteOnClick(CsvSubmittalID){
    $.ajax({
        type: "GET",
        url: '@Url.Action("DeleteCsvRow","Project")',
        datatype: "json",
        traditional: true,
        data: {CsvSubmittalID:CsvSubmittalID},
        success: function (data, status, xhr ) {
            var grid = $("#myGrid").data("kendoGrid");
            grid.dataSource.read();    
        },
        error: function (xhr, status, error) {
            console.log(error);    
        }

     });
}