Stop Html.Action от вызова на Load

Question

меня ниже div внутри родительского вида и ниже Html.Action возвращает PartialView

<div id="preview" class="modal fade" role="dialog"> 
<div class="modal-dialog"> 
    <!-- Modal content--> 
    <div class="modal-content"> 
     @Html.Action("GetPrintView", "Connector") 
    </div> 
</div> 

Я открываю выше modal используя ниже JQuery:

$("#printdoc").click(function(e) { 
    e.preventDefault(); 
    $(this).attr('data-target', '#preview'); 
    $(this).attr('data-toggle', 'modal'); 
}); 

Проблема заключается в том, что при загрузке родителя .cshtml он вызывает вышеуказанное Html.Action, но это нужно вызывать только при нажатии кнопки. Я попытался использовать data-url для div, но все же действие вызывается повторно. Любая помощь?

Answer 1

Html.Action будет выполнять действие при загрузке представления. Поскольку вы этого не хотите, вам необходимо загружать данные асинхронно.

Вы можете сохранить URL в пользовательском атрибуте data-*, чтобы сгенерировать URL-адрес, используя Url.Action. По щелчку кнопки загрузить частичный вид с помощью .load()

HTML

<div class="modal-content" data-url='@Url.Action("GetPrintView", "Connector")'>   
</div> 

Script

$("#printdoc").click(function (e) { 
    e.preventDefault(); 

    var modal = $("#preview .modal-content"); //Find the element 
    $(modal).load(modal.data('url')); //Fetch url and load partial view 

    $(this).attr('data-target', '#preview'); 
    $(this).attr('data-toggle', 'modal'); 
});