Question

您好我已经在KendoUI Grid的工具栏中添加了一个按钮，但我有几个问题，我希望有人可以帮忙。

我试图在按钮旁边添加一个剑道网页图标，但它不会呈现。
当我单击工具栏中的按钮时，我在控制台中看到以下错误：

未捕获的ReferenceError：未定义sendEmail。

我不明白为什么它没有看到我的功能。仅出于测试目的，我在显示警报之前会显示警报。

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

The documentation

我希望有所帮助。

Answer 3

这对我有用：

您必须在变量中定义网格
初始化网格并在工具栏选项中添加按钮工具栏：[{名称：“ myButton”，文本：“这是您的按钮文本”}]
初始化后，编写以下代码以查找按钮并添加功能：

grid.find（“。k-grid-toolbar”）。on（“ click”，“ .k-grid-myButton”，函数（e）{ alert（“这是工作”）;}）;

Answer 4

你的函数sendEmail（）是在document.ready或$（（）=＆gt; {}）中初始化的;如果没有，你将不得不初始化它，否则你可以使用这种方式为按钮添加一个id并将其写入document.ready（从按钮标签中删除onlcick）。 $("#examplebuttonid").click(()=>{ //write your code in here });

将自定义按钮添加到KendoGrid工具栏问题

4 个答案: