如何在ASP.Net MVC和AJAX中使用Modal Pop-ups？

任何人都可以指示我如何使用asp.net MVC和AJAX使用jQuery模態彈出窗口。如何在ASP.Net MVC和AJAX中使用Modal Pop-ups？

有沒有人設法做到這一點呢？

我試過JQModal和JQuery UI，但還沒有設法找到任何好的示例或教程呢。

2009-10-04 Davy

「有限的成功」 - 爲什麼有限？你遇到了什麼障礙？ – 2009-10-04 20:04:11

我試過JQModal，可以通過控制器觸發，但不能在彈出窗口中觸發。我也試過jQuery用戶界面，並設法讓彈出正確，但不使用AJAX aor通過控制器。我從來沒有發佈代碼示例，因爲我不想引導任何人的迴應，如果這些都不是最好的方法。 – Davy 2009-10-04 20:07:14

代碼示例總是有幫助的，因爲它們可以顯示您的目標，幫助您輕鬆設置並重現問題並快速獲得答案。 – 2009-10-04 20:11:40

戴維寫道：「這是可能的，然後點擊一排，彈出充滿可編輯控件，驗證和保存，然後重定向回列表頁？

嗨戴維，

我也有我的MVC形式實現的jQuery UI的對話框。難的是不是對話，而是Ajax調用，數據的角度來看，一個jQuery的對話框（推薦）是什麼超過您的表單中的另一個DIV標籤。

當您聲明對話框選項時，您可以指定具有名稱和執行功能的按鈕。在你的模態對話框，添加類似：

buttons: { "Add row": function() { yourAjaxFunction(); }

在功能yourAjaxFunction

（），你可以像讓你的價值觀：

var myFields = $("#MyDialog").serialize();

或

var myFieldsArray = $("#MyDialog").serializeArray();

得到您的字段的名稱和值，然後驗證它們，然後將「myFields」發佈到您的控制器中：

$.ajax(<your options here>);

或：

$.post(<your options here>)

你的MVC控制器會很樂意在查詢字符串指定的值轉換爲匹配命名方法參數，保存它們，然後返回響應（無論是局部視圖或JSON或文本）。

jQuery中的Ajax reference對此非常有幫助。

來源

2009-10-04 21:40:44 Evildonald

和BTW它看起來和工作得很好。 – Evildonald 2009-10-04 21:42:18

我已經用ASP.Net MVC的jqueryui對話框模式，它工作得很好。我認爲這些模式很容易實現。看看這裏這些對話框情態動詞：jqueryui dialog

來源

2009-10-04 20:26:34 jimyshock

謝謝，我可以使用這種方法彈出來，但它忽略了控制器。然後可以點擊一行，用填充的可編輯控件彈出，驗證並保存，然後重定向回到列表頁面？ – Davy 2009-10-04 20:30:07

如果我正確地關注了你，你想單擊一個網格的一行來打開一個對話框窗口，其中包含一個預先填充了字段驗證的窗體。如果你有可能，我會看看MVC 2預覽版2.有一些小技巧可以幫助你在這裏做很多事情（http://haacked.com/archive/2009/10/01/asp。淨MVC預覽-2- released.aspx）。一個是jQuery驗證庫。您可以設置驗證規則服務器端（模型驗證元數據）並將其發送到客戶端。更大的一點是，您可以使用模型元數據動態生成表單，以指定表單字段。 – jimyshock 2009-10-05 01:11:08

如何在ASP.Net MVC和AJAX中使用Modal Pop-ups？

回答

相關問題