如何在mvc3中顯示模態彈出？

我需要在彈出窗口中顯示詳細信息。我不知道如何做到這一點。我需要在MVC3 Razor視圖中執行此操作。如何在mvc3中顯示模態彈出？

我控制器 -

public ViewResult ViewDetail(Int32 id) 
{ 
    var q = from p in db.accs 
      where p.id == id 
      select p; 
    return View(q.FirstOrDefault()); 
}

我查看 -

<td>@ Html.ActionLink("View Detail", "ViewDetail", new { id=item.id }) </td>

來源

2012-06-22 ghihi

你可以使用jQuery – freebird

我嘗試使用jQuery的，但仍然彈出是不可見的。 – ghihi

您可以使用window.open彈出。請參考鏈接http://stackoverflow.com/questions/6911134/mvc-3-razor-popup-window – iMBMT

使用jQuery UI的ModalForm顯示您的數據。

假設您想在jquery的Modal彈出窗口中顯示以下內容。

<div id="displayinmodal"> 
<input type="file" id="file" name="file" /> 
<input type="submit" id="submitdata" value="Upload" /> 
</div>

現在寫你的jQuery這樣。

<script> 
$(document).ready(function(){ 
    $("#displayinmodal").dialog({ //displayinmodal is the id of the div you want to display in modal popup 
     autoOpen: true 
    }); 
}); 
</script>

就是這樣。你應該在你的瀏覽器中彈出Modal。

希望這有助於

來源

2012-12-07 05:08:11

這種任務的是不是真的有什麼ASP.NET MVC /剃刀一樣。考慮使用類似JQuery UI Dialog的Javascript庫。您必須將多個JQuery UI腳本添加到您的頁面，但收益是一個非常簡單的API;你可以從任何HTML元素的創建一個基本的對話與一行代碼（ID爲mydiv說）：

$("#mydiv").dialog();

當然也有，你可以應用自定義設置和主題。

當然，你可以簡單地使用JavaScript：

alert("my details here");

獲得一個基本的模式彈出，但我猜這不是你想要的。

來源

2012-06-22 05:55:11 McGarnagle

如果你想要一個簡單的沒有多餘的裝飾模式（有沒有太多的內容），你可以使用JavaScript警告像這樣：

alert('Hello from a modal popup');

如果您想更漂亮的選項，通常的解決辦法是使用jQuery UI的對話框這允許模式選項。看看這裏的使用此選項得到的一個演示：

http://jqueryui.com/demos/dialog/#modal

的代碼非常簡單;使用谷歌的CDN作爲腳本和股票jQuery UI的CSS的來源你的下面應該做的一切：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js" type="text/javascript"></script> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript"> 
    $(function() { 
     $("#details").dialog({ 
      modal: true 
     }); 
    }); 
</script> 

<div id="details"> 
    Hello from a modal popup 
</div>

來源

2012-06-22 05:59:19

如何在mvc3中顯示模態彈出？

回答

相關問題