Kendo UI Grid 自定义编辑按钮

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>' },

但是当我加载页面时，fire bug 上显示一个错误，显示“错误：模板无效” 当我从编辑按钮中删除data-toggle="modal" href="#myModal1" 属性时，网格加载正常。 删除按钮没有任何问题。itz 工作正常。

有什么方法可以满足这个需求而不是我的方法？？？

Answer 1

发生这种情况是因为您必须转义文字 #。阅读this doc 了解如何操作。

你的模板应该是：

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。

Demo