如何使用 kendo ui 网格从带有模板选项的 javascript onclick 传递硬编码字符串值？

Question

我的页面上有 2 个网格，名称分别为 grid1 和 grid2。

现在我想将硬编码的网格名称传递给我的 1 个常用 javascript 函数，用于从网格中删除记录，如下所示：

对于网格 1 删除函数：

field: "Id",
template:<a  title="delete" onclick="javascript:return Delete(<#=Id#>,<#=grid1#>);" > //showing error in console  grid1 is not defined

对于网格 2 的删除功能：

field: "Id",
template:<a  title="delete" onclick="javascript:return Delete(<#=Id#>,<#=grid2#>);" > //showing error in console  grid2 is not defined.

我的javascript函数：

function Delete(id, gridname) {
        console.log(id,gridname)
}

Answer 1

请尝试使用以下代码片段。如果您在 #（散列）之间写入任何文本，网格会尝试在您的数据源中找到该字段，这就是您收到未定义错误的原因。

JS函数：

function Delete(id, gridname) {
            var grid = $("#" + gridname).data("kendoGrid");
            console.log(id, gridname)
}

对于网格 1 的删除功能：

field: "Id",
template: "<a title='delete' onclick='javascript:return Delete(\"#:Id#\",\"grid1\");'></a>",

对于网格 2 的删除功能：

field: "Id",
template: "<a title='delete' onclick='javascript:return Delete(\"#:Id#\",\"grid2\");'></a>",

如有任何疑问，请告诉我。

How to pass hardcoded string value from javascript onclick with template option using kendo ui grid?