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

Question

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

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

for Grid 1删除功能：

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

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

请尝试使用以下代码段。 如果在＃（hash）之间写任何文本，网格会尝试在数据源中找到该字段，这就是为什么会出现未定义的错误。

JS功能：

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

for Grid 1删除功能：

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

for Grid 2删除功能：

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

如果有任何疑虑，请告诉我。