2017-01-06 131 views
0

我想使引導模式彈出窗口的內容在單獨的視圖文件中,並在渲染視圖之前調用與視圖文件相關的相應操作方法GET Action,通過操作方法將自定義對象添加到視圖中。將自定義對象的列表傳遞給模態彈出

模態:

<div class="modal fade" id="assign_device" tabindex="-1"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <h4 class="modal-title">Assign Device</h4> 
      </div> 
      <div class="modal-body"> 
       Device list here 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-primary">Save</button> 
       <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
     </div> 
    </div> 

當我點擊一個按鈕,上面modal彈出必須出現在當前頁面(如index.cshtml)。

+0

使用它加入你的調用代碼這個觀點呢? – Ahmar

+0

@Ahmar讓我們假設有一個'index.cshtml'視圖,在這個視圖中有一個按鈕,當點擊按鈕時,我希望模態彈出(將數據傳遞給它) –

+0

請注意,模型視圖控制器標籤是關於模式的問題。 ASP.NET-MVC實現有一個特定的標籤。 –

回答

2

您可以創建一個操作方法。

public PartialViewResult GetDevice() 
{ 
    var devices= FetchDevices(); 

    return PartialView("viewName", devices); 
} 

你的看法會是這樣

@model DeviceModelNamespace 
<div class="modal fade" id="assign_device" tabindex="-1"> 
      <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <h4 class="modal-title">Assign Device</h4> 
        </div> 
        <div class="modal-body"> 
         foreach over devicemodel 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-primary">Save</button> 
         <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> 
        </div> 
       </div> 
      </div> 
     </div> 

,並調用它在奧瑟維尤這樣

@Html.Partial("viewName") 

,並在引導模式

<script> 
    $("#load-partial").on('click', function() { 
     console.log('click'); 
     //setup modal 
     $('#dynamic-modal').modal({ 
      keyboard: false, 
      remote: '/controllername/partialviewname' 
     }).show(); 
    }); 
    $('#dynamic-modal').on('showen.bs.modal', function(e) { 
     console.log('shown'); 
    }); 
</script> 
+0

在哪裏放置'@ Html.partial(「viewname」)'?如果我有一個包含按鈕的'index.cshtml'視圖,當我點擊按鈕時,彈出窗口模式必須顯示傳遞給它的數據。 –

+0

答案已更新。 – Ahmar

相關問題