需要将HTML页面呈现为Bootstrap模式ASP.NET MVC

时间:2016-12-09 15:40:36

标签: jquery html asp.net asp.net-mvc twitter-bootstrap

我正在使用razor视图,并希望将原始HTML页面呈现为局部视图,然后将该视图返回到模态。它返回错误代码: System.InvalidOperationException:找不到部分视图'SampleSlide'或没有视图引擎支持搜索的位置

HTML:

<div id="myModal3" class="modal">
    <span class="close" style="color:white">×</span>
    @Html.Partial("SampleSlide")
</div>

jQuery的:

var modal3 = document.getElementById('myModal3');
var img3 = document.getElementById('myImg3');
var modalImg3 = document.getElementById("img03");
img3.onclick = function () {
    modal3.style.display = "block";
}

var span = document.getElementsByClassName("close")[2];
span.onclick = function () {
    modal3.style.display = "none";
}

1 个答案:

答案 0 :(得分:1)

我创建一个div进入HTML页面。

        <div class="modal-body" id="contenedor">
        </div>   

在此页面中添加脚本。

$('#windowsEncuesta').modal('show');
    var contenedor = document.getElementById("contenedor");
    var html;
    debugger;
    var url = '/Event/ControlPreguntas';
    $.get(url, function (data) {
        html = data;
        contenedor.innerHTML = html;
    });

我使用了一个controller(Event)和AntionControlPreguntas,它重新调整了PartialView。因此,您可以使用innerHTML进行显示。