代码之家  ›  专栏  ›  技术社区  ›  Zayn malik

剑道网格自定义按钮的mouseover或mouseenter或onhover事件?

  •  1
  • Zayn malik  · 技术社区  · 6 年前

    My 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”事件。 我试着在谷歌上搜索,除了点击事件外,没有发现其他事件。 我只需要内置命令按钮事件,比如“单击”就是这个例子。

    如果我的实现中出现问题,请向我建议解决方案或纠正我。

    1 回复  |  直到 6 年前
        1
  •  2
  •   DontVoteMeDown    6 年前

    剑道不提供任何其他事件类型,但 click .你需要自己绑起来。这很简单,只需通过button类将事件绑定到网格的元素过滤:

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

    Demo