Kendo Grid 自定义按钮的 mouseover 或 mouseenter 或 onhover 事件？答案

【问题标题】：mouseover or mouseenter or onhover event for Kendo Grid custom button?Kendo Grid 自定义按钮的 mouseover 或 mouseenter 或 onhover 事件？
【发布时间】：2018-04-12 10:23:45
【问题描述】：

下图显示了 Kendo Grid 每一行上带有自定义编辑按钮的小按钮，我使用以下代码实现了该按钮。

command: [{
 name: "MyEdit",
 click: myFunction,
 template: "<a id= 'myEdit' class='k-grid-MyEdit k-button'><span class='k-icon k-i-edit'></span></a>"
         }]


function myFunction(e) {
       var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
}

自定义按钮单击事件可以正常工作，但我的要求是 - 此按钮的“onmouseover”、“mouseenter”或“onhover”事件。我尝试谷歌搜索，发现除了点击事件之外没有其他事件。我只需要内置的命令按钮事件，比如“点击”就是这个例子。

如果我的实施中有问题，请建议我一个解决方案或纠正我。

【问题讨论】：

标签： javascript kendo-ui kendo-grid kendo-asp.net-mvc kendo-ui-angular2

【解决方案1】：

Kendo 不提供任何其他事件类型，但 click。你需要自己绑定。这很简单，只需将事件绑定到按钮类过滤的网格元素上：

$(grid.element).on("mouseover mouseenter", ".k-grid-MyEdit", function(e) {
    console.log("Button event type: ", e.type);
    $(this).click();
});

Demo.

【讨论】：