2013-02-09 26 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