剑道网格-添加自定义按钮到剑道网格工具栏问题

Question

嗨，我已经添加了一个按钮到我的KendoUI网格工具栏，但我有几个问题，我希望有人可以帮助。

1. 我已经尝试添加一个剑道网页图标旁边的按钮，但它不渲染。
当我单击工具栏中的按钮时，我在控制台中看到以下错误:

Uncaught ReferenceError: sendmail is not defined.

我不明白为什么它看不到我的函数。只是为了测试的目的，我显示一个警报，直到它看到它。

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');
}

有人能帮帮我吗?

Answer 1

你可以这样使用:

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

Answer 2

根据文档，您需要返回希望在单击时发生的函数。像这样:

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

的文档

我希望这对你有帮助。

Answer 3

这个适合我:

你必须在变量中定义你的网格
1. 初始化网格并在工具栏选项中添加按钮工具栏:[{name: "myButton"， text: "this is your button text"}]
2. 初始化后编写以下代码查找按钮并添加功能:

grid.find(".k-grid-toolbar")。("点击"、"。k-grid-myButton"， function (e) {

Answer 4

您的函数sendEmail()是否在文档中初始化?$(()=>{});如果不是，你必须初始化它，或者你可以用这种方式为按钮添加一个id，并将其写入文档。准备好了(从按钮标签中删除onclick)。$("#examplebuttonid").click(()=>{ //write your code in here });