2013-02-09 53 views
0

我正在准备一个mvc 4应用程序,我对它很新颖。我想通过双击一行mvc 4 webgrid来实现一个功能,我应该在ajax中调用一个动作方法。但不幸的是我找不到如何实现双击mvc 4网格。 你能帮我解决吗?双击mvc 4网格

回答

1

您可以在jQuery中使用.dblclick()事件。例如:

<script type="text/javascript"> 
    $(function() { 
     $('table td').dblclick(function() { 
      $.ajax({ 
       url: '@Url.Action("SomeAction", "SomeController")', 
       type: 'POST', 
       success: function(result) { 
        // do something with the result from your AJAX call 
       } 
      }); 
     }); 
    }); 
</script> 

很明显,可以对此代码进行很多改进。例如,您可以在网格上使用HTML5 data-*属性来指定需要调用的控制器操作的url,然后在单独的JavaScript文件中将此脚本外化。您可能还需要调整jQuery选择器以匹配您的WebGrid元素。

+0

感谢您的帮助Darin。但我不确定为什么发布发生两次。我确实把我的网格放在一个div中,并使用$('#hiddendiv')。dblclick。我还想在双击后检索行内容值,例如Id字段值。 – 2013-02-09 14:03:12

+0

根据位于桌面上的此ID字段的位置,您可以在'.dblclick'事件中检索它。例如,你可以得到包含'tr',然后下降找到相应的'td'包含id:'var id = $(this).closest('tr')。find('td.someClassThatYouCouldApplyToTheTdContainingYourId')。html ();'。 – 2013-02-09 14:12:17