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

但是当我加载页面时，火警上显示的错误是＆＃34;错误：模板无效＆＃34;  当我从编辑按钮中删除data-toggle="modal" href="#myModal1"属性时，网格加载正常。 删除button.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