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

Question

我的页面上有两个网格，名为、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>",

如果有任何担心的话请告诉我。