Hinzufügen einer benutzerdefinierten Schaltfläche zu KendoGrid Toolbar Problem

Question

Hallo Ich habe eine Schaltfläche zur Symbolleiste meines KendoUI Grid hinzugefügt, aber ich habe ein paar Probleme, ich hoffe, dass jemand helfen kann.

1. Ich habe versucht, eines der Kendo-Web-Icons neben der Schaltfläche hinzuzufügen, aber es wird nicht gerendert.
2. Wenn ich auf die Schaltfläche in der Symbolleiste klicken ich folgende Fehlermeldung in der Konsole sehen:

Uncaught ReferenceError: sendEmail is not defined.

Ich verstehe nicht, warum es meine Funktion nicht zu sehen ist. Nur zu Testzwecken zeige ich einen Alarm an, bis er es sieht.

toolbar: [ 
      { name: "create", text: "Add" }, 
      { template: "<input type='button' class='k-button' value='Email Users' onclick='sendEmail()' />", 
       imageclass: "k-icon k-i-pencil" } 
     ] 

function sendEmail() { 
    debugger; 
    alert('Send Emails'); 
} 

Kann jemand bitte helfen?

Answer 1

Sie können wie unten verwenden:

toolbar: [ 
{ 
    name: "Add", 
    text: "Send Email", 
    click: function(e){alert('Send Emails'); return false;} 
} 
], 

Answer 2

Ist Ihre Funktion sendemail() initialisiert in document.ready oder $ (() => {}); Wenn nicht, müssen Sie es initialisieren, sonst könnten Sie auf diese Weise eine ID für die Schaltfläche hinzufügen und diese in Ihr document.ready schreiben (entfernen Sie den onlcick von der Schaltfläche tag). $("#examplebuttonid").click(()=>{ //write your code in here });

Answer 3

Gemäß der Dokumentation müssten Sie die Funktion, die Sie beim Klicken ausführen möchten, zurückgeben. Wie folgt aus:

template: '<a class="k-button" href="\\#" onclick="return toolbar_click()">Command</a>' 

The documentation

ich hoffe das hilft.