Пользовательская кнопка редактирования сетки Kendo UI

Im пытается дать пользовательский всплывающий модальный, когда пользователь нажимает на кнопку редактирования строки.

 { 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"атрибутов из кнопки правка сетка загружается нормально.
в кнопке delete нет ничего неправильного.itz работает отлично.

Есть ли способ удовлетворить эту потребность, а не мой подход???

1 ответ

  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.

    Демонстрация