2017-04-13 71 views
0

在我的MVC視圖中,我打開了一個模式對話框,將PartialView作爲RenderAction呈現。當用戶點擊下面特定行的Add按鈕時,該視圖被打開。如何將表格的當前行字段傳遞給PartalView

enter image description here

從主的看法,我想通過當前行的(選擇行)ProjectNo,DrawingNo和RevisionNo。另外,最好我想通過這個到各自的ViewBag's領域。我怎樣才能做到這一點?

這裏是我打電話給對話框的源代碼。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
<div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
      <h4 class="modal-title" id="myModalLabel">Enter Fabrication Information</h4> 
     </div> 
     <div class="modal-body"> 
      <div> 
       @{Html.RenderAction("Create", "Fabrication", new BPs.Entities.FABRICATION { });} 
      </div> 
     </div> 
    </div> 
</div> 

更新:增加HTML的每一行

@foreach(var info in @Model) 
{ 
    <tr> 
     <td>info.ProjectNo</td> 
     <td>info.DrawingNo</td> 
     <td>info.RevisionNo</td> 
     <button >Add</button> 
    </tr> 
} 
+0

這可以幫助你:http://stackoverflow.com/questions/37844621/open-bootstrap-modal-from-link-for-each-item-in-a-list-in -view-mvc – AGuyCalledGerald

+0

你需要提供更多信息。每行的html是否包含'ProjectNo','DrawingNo'等數據(例如'data- *'屬性)。顯示一個典型行的HTML格式。 –

+0

@StephenMuecke請參閱最新的問題(我添加了表格的樣子,看起來像是什麼樣子) – WAQ

回答

0

綁定添加到一個jQuery事件,併發送值事件函數( '', ''),然後打開與局部視圖負載功能

function Add(parameters) 
{ 
    $("<div></div>") 
     .addClass("dialog")       
     .appendTo(".modal-body") 
     .dialog({ 
      title: 'xx', 
      close: function() { $(this).remove() }, 
      closeText: "Close", 
      modal: true 
     }) 
     .load("url?"yourparameters); 
} 
相關問題