Kendo UI網格自定義編輯按鈕

Question

我試圖在用戶單擊行的“編輯”按鈕時提供自定義彈出模式。

 { title: "", width: "50px", template: '<button id="zoneEdit" onclick="" class="btn default blue-stripe" data-toggle="modal" href="#myModal1"><span class="k-icon k-edit"></span> Edit</button> <button id="deleteZone" onclick="deleteZone(#=Zone_Id#)" class="btn default red-stripe"><span class="k-icon k-delete"></span>Delete</button>' },

但是，當我加載頁面時，當我從編輯按鈕中刪除data-toggle="modal" href="#myModal1"屬性時，網格上的加載錯誤就顯示了一個錯誤，即錯誤提示：“ Error：Invalid template”。 刪除按鈕沒有任何問題。itz可以正常工作。

有什么方法可以滿足這種需求，而不是我的方法？？？

Answer 1

發生這種情況是因為您必須轉義文字# 。 閱讀此文檔以了解操作方法。

您的模板應為：

template: '<button id="zoneEdit" onclick="" class="btn default blue-stripe" data-toggle="modal" href="\\\\#myModal1"><span class="k-icon k-edit"></span> Edit</button> <button id="deleteZone" onclick="deleteZone(#=Zone_Id#)" class="btn default red-stripe"><span class="k-icon k-delete"></span>Delete</button>'

我將#myModal1更改為\\\\\\\\#myModal1 。

演示版