用于 asp.net MVC 的 DevExpress 组件按钮 - 使用 Jquery 更改 ButtonClick 事件答案

【问题标题】：DevExpress component Button for asp.net MVC - Change the ButtonClick event using Jquery用于 asp.net MVC 的 DevExpress 组件按钮 - 使用 Jquery 更改 ButtonClick 事件
【发布时间】：2016-10-26 14:52:51
【问题描述】：

我正在尝试更改原始按钮单击事件，如下面的代码所示，但是当显示视图而不是单击按钮时会触发 alert('hello') 消息：

<div>

    <!-- THIS IS A SHARED VIEW -->
    @Html.DevExpress().Button(settings =>
  {
    .....
    settings.Name = "btnSaveDetails";
    settings.EnableClientSideAPI = true;
    settings.ClientSideEvents.Click = "DoSomething()";
 }).GetHtml()
  <!-- END SHARED VIEW -->

</div>
<script>
    btnSaveDetails.ButtonClick = alert('hello');
</script>

【问题讨论】：

$(function(){ $('#btnSaveDetails').on('click', function() { alert('hello'); }); );
@史蒂夫完美！我不知道我们也可以以这种方式使用 devexpress 按钮。如果您可以将此作为答案发布，我可以关闭此线程。

标签： c# jquery asp.net-mvc devexpress-mvc

【解决方案1】：

不确定您是如何知道按钮名称是 btnSaveDetails 但以下简单的 jQuery on document ready 函数应该可以工作。

$(function(){ 
    $('#btnSaveDetails').on('click', function(){ 
       alert('hello'); 
    }); 
 );

【讨论】：

我用按钮名称更新了问题，该名称位于共享视图中，并用您的代码替换了代码，稍微修改为 $('#btnSaveDetails').unbind('click'); $("#btnSaveDetails").on('click', function () { alert('kkk'); }); 它可以工作，但它仍然会触发原始事件。
你可以试试： $("#btnSaveDetails").off('click').on('click', function () { alert('kkk'); }); unbind() 函数现已弃用。