Kendo UI 按钮 - 点击事件答案

【问题标题】：Kendo UI Button - on click eventKendo UI 按钮 - 点击事件
【发布时间】：2014-10-28 12:22:34
【问题描述】：

我正在尝试找到一种方法来设置剑道按钮的点击事件。默认操作是刷新我想要删除的页面。

我想在按下按钮时关闭当前窗口。我正在使用 ASP.NET MVC 并使用 html helper 添加按钮。

        @(Html.Kendo().Button()
                .Name("closeFormBtn")
                .Content("Close")
                .Events(events => events
                    .Click("closeForm"))
        )

不幸的是，上述点击事件不起作用，每次按下按钮时都会应用默认刷新操作。 closeForm 脚本工作正常，因为它已经过测试。我也在尝试找到一种根本不使用脚本的方法，只是在 Click(" ") 事件中插入代码。

【问题讨论】：

我认为您发布的代码没有任何问题。你介意发布“closeForm”函数吗，你能确保它是全局声明的吗？要直接在帮助程序中编写函数，您可以简单地编写一个匿名函数，如下所示： .Click("function(e){ DoStuff(); }")
这似乎工作正常，但是页面重新加载的问题仍然存在。我原以为添加点击事件会覆盖默认操作，但事实并非如此。
那么我们没有足够的代码来查看您的问题。还有其他事情是错误的。你能发布生成的html/javascript吗？

标签： javascript jquery asp.net-mvc kendo-ui

【解决方案1】：

在 closeForm 方法中。在函数结束时返回 false。

function closeForm(){

   //Your Code
   return false;

}

【讨论】：

我认为这不是必需的，但绝对值得一试，因为它是标准的 javascript 行为。
不幸的是它不起作用。当我按下按钮时，它仍然会重新加载整个页面。
能贴出closeForm函数吗？

【解决方案2】：

这应该工作。

function closeForm(e) {
    e.preventDefault();

    //if that doesn't work, try adding:
    e.stopPropogation();

    //your code

}

【讨论】：

我希望它成功了，但它没有。我已经尝试了两个选项，结果相同 - 页面重新加载。