Kendo UI Grid Benutzerdefinierte Bearbeitungsschaltfläche

Question

Ich versuche, ein benutzerdefiniertes Popup-modales zu geben, wenn Benutzer auf die Schaltfläche Bearbeiten der Zeile klicken.

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

, aber wenn ich die Seite dort zu laden ist ein Fehler auf dem Feuer Bug zeigt sagen: „Fehler: Ungültige Vorlage“ wenn ich die data-toggle="modal" href="#myModal1" Attribute aus dem Bearbeiten-Button entferne die Netzbelastung in Ordnung. gibt es nichts falsches in der Schaltfläche löschen.itz funktioniert gut.

Gibt es eine Möglichkeit, dieses Bedürfnis zu erfüllen, anstatt meinen Ansatz?

Answer 1

Das passiert, weil Sie die Literale # entkommen müssen. Lesen Sie this doc, um zu wissen, wie.

Ihre Vorlage sollte sein:

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

Ich habe #myModal1-\\\\#myModal1 geändert.

Demo