Load partial view

0

Hi, I hope you can help me.

I have this view with this script

<div class="contenedor">
<div class="tabs tabs-style-tzoid">
    <nav>
        <ul>
            <li><a href=""><span>Personales</span></a></li>
            <li><a href=""><span>Graba tu video</span></a></li>
            <li><a href="" style="background:white;color:#7C4182;"><span>Formación</span></a></li>
            <li><a href=""><span>Laboral</span></a></li>
            <li><a href=""><span>Preferencias</span></a></li>
            <li><a href=""><span>Destaca tu perfil</span></a></li>
        </ul>
    </nav>
    <div class="content-wrap">
        <section class="content-current">
            <p>Creación de información</p>
            <select id="VistaSelect" class="form-control">
                <option disabled selected>Selecciona uno por favor...</option>
                <option id="Vista" value="Secundaria">Secundaria</option>
                <option>Media</option>
            </select>
            <div id="DatosCrear">
                @if(ViewBag.Partial != null)
                {
                    <script>
                        $('#DatosCrear').load('@ViewBag.Partial');
                    </script>
                }
            </div>
        </section>
    </div>
</div>
<div class="row">
    <div class="col-md-8">
        <a href="@Url.Action("Create", "Laboral")" class="btn btn-default btn-guardar">Siguiente</a>
    </div>
</div>

<script>
$(document).ready(function () {
    $("#VistaSelect").change(function () {
        var Vista = $("#Vista").val();
        if (Vista) {
            $("#DatosCrear").prepend("<center style='margin-top:30px;'><span>Cargando información. Por favor, espere...</span><br/><br/><img src='https://isbi.mx/asic/Imagenes/spinblue2.gif'></center>");
            $.ajax({
                    url: '@Url.Action("DatosPost", "Formacion")',
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        $('#DatosCrear').load('@Url.Action("ParcialCreate", "Formacion")');
                    },
                    error: function (data) { }
                });
        }
        else {
            console.log("No seleccionó nada...");
        }
    });

});

And this is the driver

public ActionResult Create(int? id)
    {
        ViewBag.IdRLogin = new SelectList(db.gen_DRINLogin, "IdRLogin", "CorreoRLogin");
        return View();
    }
    public JsonResult DatosPost()
    {
        return Json(JsonRequestBehavior.AllowGet);
    }
    public ActionResult ParcialCreate()
    {
        return PartialView();
    }
    [HttpPost, ActionName("ParcialCreate")]
    [ValidateAntiForgeryToken]
    public ActionResult Create([Bind(Include = "IdRFormacionSecundaria,IdRLogin,EscuelaRFormacionSecundaria,FechaIngresoRFormacionSecundaria,FechaEgresoRFormacionSecundaria")] can_DRINFormacionSecundaria can_DRINFormacionSecundaria)
    {
        if (ModelState.IsValid)
        {
            db.can_DRINFormacionSecundaria.Add(can_DRINFormacionSecundaria);
            db.SaveChanges();
            return RedirectToAction("Create", "Formacion");
        }
        ViewBag.Partial = "@Html.Partial(\"ParcialCreate\")";
        return View(can_DRINFormacionSecundaria);
    }

The error is that if my data is wrong my view loads together with the partial view and its respective errors but only shows partial view Annex photos

    
asked by LuisMtz 16.11.2018 в 20:56
source

0 answers