C# 如何使用jquery复制或重复局部视图_C#_Jquery_Asp.net Mvc_Asp.net Mvc 4

C# 如何使用jquery复制或重复局部视图

c# jquery asp.net-mvc asp.net-mvc-4

C# 如何使用jquery复制或重复局部视图,c#,jquery,asp.net-mvc,asp.net-mvc-4,C#,Jquery,Asp.net Mvc,Asp.net Mvc 4,我的要求是，我需要根据用户按下“添加另一个”按钮，在dynamic div中显示局部视图。我尝试了下面的代码，但无法实现 <html> <head> <title>Index</title> <script type="text/javascript" src="../../Scripts/jquery-1.5.1.min.js"></script> <script type="text/jav

我的要求是，我需要根据用户按下“添加另一个”按钮，在dynamic div中显示局部视图。我尝试了下面的代码，但无法实现

<html>
<head>
    <title>Index</title>
    <script type="text/javascript" src="../../Scripts/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery-ui-1.8.11.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
        var i = 0;
            $("#chkAccecpt, #btnAccept").click(function () {
        i++;
        var divElement = "<br /><div id='container"+i+"'"+"> </div>";
                 $("#frmAccept").append(divElement);
                 $("#container1").load('@Url.Content("../../Views/Shared/UserInfoPartialView.cshtml")');
            });
        });
    </script>
</head>
<body>
    <div id="MainContent">
    <form id="frmAccept" method="post" action="#">
        <input type="checkbox" id="chkAccecpt" value="1" /> AddAnother
        <br />
        <input type="button" id="btnAccept" value="Add Another" />
        <br />
        <div id="userDetailsInfoContainer" class="Container">
            @Html.Partial("~/Views/Shared/UserInfoPartialView.cshtml")
        </div>
    // Here I need the dynamic container1 div  with that partial view controls also
     </form>
    </div>
</body>
</html>


指数
$（文档）.ready（函数（）{
var i=0；
$（“#chkAccecpt，#btnacept”）。单击（函数（）{
i++；
var divElement=“
”；
$（“#frmacept”）.append（divElement）；
$（“#container1”）.load（“@Url.Content（“../../Views/Shared/UserInfoPartialView.cshtml”）；
});
});
加多




@Html.Partial（“~/Views/Shared/UserInfoPartialView.cshtml”）
//在这里，我需要动态container1 div和部分视图控件
 > p>我会考虑使用Ajax < /P>获取部分视图
$.get("/urlToPartialViewAction",function(data){
   $("#container1").html(data);
});

这将为您放入视图，并将其插入您选择的容器中。
只需确保操作返回PartialView即可为什么要从服务器调用
只需克隆容器
$('#container').clone().attr("id","container1").appendTo('#frmAccept');

而且您不能直接从浏览器访问视图，您必须为其添加操作。
您可以使用JQuery的Ajax方法轻松地做到这一点。它还允许将参数发送到操作
    $.ajax({
        url: "@Url.Action("YourActionName", "YourControllerName")",
        //data: {param1: value1, param2: value2} //add your parameters here
        success: function (data) {$("#container1").html(data)},
        error: $("#container1").html("")
    )}