0
我正在準備一個mvc 4應用程序,我對它很新穎。我想通過雙擊一行mvc 4 webgrid來實現一個功能,我應該在ajax中調用一個動作方法。但不幸的是我找不到如何實現雙擊mvc 4網格。 你能幫我解決嗎?雙擊mvc 4網格
我正在準備一個mvc 4應用程序,我對它很新穎。我想通過雙擊一行mvc 4 webgrid來實現一個功能,我應該在ajax中調用一個動作方法。但不幸的是我找不到如何實現雙擊mvc 4網格。 你能幫我解決嗎?雙擊mvc 4網格
您可以在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元素。
感謝您的幫助Darin。但我不確定爲什麼發佈發生兩次。我確實把我的網格放在一個div中,並使用$('#hiddendiv')。dblclick。我還想在雙擊後檢索行內容值,例如Id字段值。 – 2013-02-09 14:03:12
根據位於桌面上的此ID字段的位置,您可以在'.dblclick'事件中檢索它。例如,你可以得到包含'tr',然後下降找到相應的'td'包含id:'var id = $(this).closest('tr')。find('td.someClassThatYouCouldApplyToTheTdContainingYourId')。html ();'。 – 2013-02-09 14:12:17