Question

我是使用C＃进行MVC编程的新手，我已经阅读了主题，做了一些例子，当然还有StackOverflow的指南，我觉得我做得很好。

然而，我发现自己正在进行一项我想要表演的练习，从中我已经看到了几个答案，但没有一个对我有用，我来找你寻求支持。

索引

  @{
    ViewBag.Title = "Bienvenido";
}
<div class="container-fluid">
    <div class="row">
        <div class="col-md-3" id="menu">
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation" class="active"><a href="#">Inicio</a></li>
                <li role="presentation"><a href="#">Datos Generales</a></li>
                <li role="presentation"><a href="#">Datos Curriculares</a></li>
                <li role="presentation"><a href="#">Experiencia Laboral</a></li>
                <li role="presentation"><a href="#">Datos Laborales</a></li>
                <li role="presentation"><a href="javascript:void(0)" id="dependientes">Cónyuge y Dependientes</a></li>
                <li role="presentation"><a href="#">Inmuebles</a></li>
                <li role="presentation"><a href="#">Vehículos</a></li>
                <li role="presentation"><a href="#">Muebles</a></li>
                <li role="presentation"><a href="#">Inversiones</a></li>
                <li role="presentation"><a href="#">Adeudos</a></li>
                <li role="presentation"><a href="#">Posible Conflicto de Intereses</a></li>
                <li role="presentation"><a href="#">Observaciones</a></li>
            </ul>
        </div>
        <div class="col-md-9">
            <div class="row" id="opciones">

            </div>
            <div class="row" id="crear">

            </div>
            <div class="row" id="registros">

            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    $(function () {
        $('#dependientes').click(function () {
            $.get('@Url.Action("Create","Dependientes")', function (data) {
                $('#crear').replaceWith(data);
            });
        });
    });
     $(function () {
        $('#dependientes').click(function () {
            $.get('@Url.Action("Mostrar","Dependientes")', function (data) {
                $('#registros').replaceWith(data);
            });
        });
    });
</script>

部分视图_Mostrar

@model List<projectD.Models.dependiente>

@{
    ViewBag.Title = "_Mostrar";
}
<br />
<div class="container">
    <div class="row">
        @foreach (var item in Model)
        {
            <div class="card" style="width: 20rem; display:inline-block; margin-top:10px">
                <img class="card-img-top" src="~/Content/images/familia.png" alt="Card image cap" width="50" height="50">
                <div class="card-block">
                    <h4 class="card-title">Dependiente</h4>
                    <p class="card-text">
                        @item.nombre
                        <br />
                        @item.apellidoPaterno
                        <br />
                        @item.apellidoMaterno
                        <br />
                        @item.CURP
                    </p>
                    @Html.ActionLink("Detalle", "Details", new { id = item.idDependiente }, new {@class= "btn btn-primary"})
                </div>
            </div>
        }
    </div>
</div>

我有一个带有主视图的项目，当选择右边的每个选项时左边有一个菜单渲染两个部分视图，每个部分视图的控制器第一个添加记录，第二个显示它们。 main screen

我想要做的是，当我点击添加记录时，只更新部分视图，并且不会重新加载URL，因为我会丢失我所在的菜单选项。

我希望你能支持我

部分视图渲染

0 个答案: