使用Reveal jQuery模態插件加載MVC3局部視圖

Question

我們在整個應用程序中都使用了jQuery Reveal模式插件。

http://www.zurb.com/article/557/reveal-jquery-modal-plugin

有沒有我可以在一個模態時的模態顯示加載MVC3局部視圖的方式。部分視圖有一個提交按鈕，當用戶點擊提交時，它應該提交表單並在父頁面上做一些更新。我不確定Reveal插件是否可以做到這一點。在這一點上，我不願意使用任何其他插件。

Answer 1

是

的問題是：你需要動態加載？或者你可以在創建它時將它包含在頁面中，然後讓揭示插件隱藏/顯示它？

警告此代碼是堆棧溢出編譯，這意味着不是在所有）

對於靜載荷：

<!-- Include the reveal javascript/css files --> 
<a href="#" data-reveal-id="myModal">Click Me For A Modal</a> 
<div id="myModal" class="reveal-modal"> 
    <%: RenderPartial("PartialViewPathHere",andyViewModelHere) %> 
</div> 

對於動態加載：基本上相同，但模態的含量爲在某些事件中填充並通過ajax檢索。

控制器：

public ActionResult GetDialog(int someInput, ...) 
{ 
// Do stuff 
return View("your view here"); 
} 

頁

<!-- Include the reveal javascript/css files --> 
<script> 
    // For example 
    $("source").click(function(){ 
     $.get("/Controller/GetDialog", {/* someInput, data here...*/}, function(view){ 
      $(view).appendTo("#myModal"); 
     }); 
    }); 
<script> 
<a href="#" data-reveal-id="myModal">Click Me For A Modal</a> 
<div id="myModal" class="reveal-modal"> 
</div>