Передача Список настраиваемого объекта для модального всплывающего окна

Question

Я хочу сделать содержимое загрузочного модального всплывающего окна в отдельном файле вида и вызвать соответствующий метод действия 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) при нажатии на кнопку.

Answer 1

Вы можете создать метод действия.

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>