如何使用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>",

如果有任何疑慮，請告訴我。