Intento describir mi escenario.
Tengo una vista que contiene dos radio buttons y en función de cual se seleccione, se muestra una vista parcial u otra.
@Html.RadioButtonFor(model => model.TipoVP, new String("VP_A".ToCharArray()), new { @checked = "checked" })
<span class="custom-control-label">Vista parcial A</span>
@Html.RadioButtonFor(model => model.TipoVP, new String("VP_B".ToCharArray()))
<span class="custom-control-label">Vista parcial B</span>
Como se aprecia, al entrar, por defecto se muestra la vista parcial A porque tiene definido el cheked a true.
Las vistas parciales se muestran en esta div:
<div id="vistaparcial">
@Html.Action("GetVistaParcial", "miControlador")
</div>
También tengo un código javascript para mostrar/ocultar las vistas parciales en función del radio button que se selecciona.
$("[name=TipoVP]").on('change', function () {
var $rb = $(this);
alert($rb.val());
$.ajax({
url: '/miControlador/GetVistaParcial/',
data: { tipov: $rb.val() },
success: function (respuesta) {
$("#vistaparcial").html(respuesta);
}
});
});
El método de la acción está así:
public ActionResult GetVistaParcial(string tipov)
{
if (tipov == null || tipov == "VP_A")
return PartialView("_PartialView_A");
else
return PartialView("_PartialView_B");
}
}
Hasta aquí en principio todo parece funcionar bien, al cargar la vista aparece en primer lugar la vista parcial A, cuando pulso los radio buttons se muestra y ocultan correctamente, pero... Si tengo seleccionada la vista parcial B y hago un POST para enviar los datos al controlador, al método de acción que ha de procesar los datos me llega correctamente el valor del radio button seleccionado (VP_B), pero luego en la acción GetVistaParcial, el valor que le llega al parámetro es null, con lo que me muestra la vista parcial que no toca.
¿Cómo puedo hacer para que al realizar un POST, se conserve el valor del radio button seleccionado?
Añado esta información para responder a los comentarios de Leandro y aportar más información a la pregunta inicial.
Mi método de acción que debe procesar los datos estaría así:
public ActionResult Index(miViewModel vm)
{
/* Aquí en vm.TipoVP tengo VP_A o VP_B según la selección */
//Realizar acciones
/* Devuelvo el modelo a la vista */
return View(vm);
}
Una vez se ejecuta el return, en la vista, tengo la línea:
@Html.Action("GetVistaParcial", "miControlador", new { tipov = Model.TipoVP } )
El problema es que no sé cómo referenciar el contenido de Model.TipoVP para asignarlo a tipov en el HtmlAction().
GetVistaParcial
el parametro se llamatipov
y en el ajax lo llamastipodir
. De seguro siempre te llega nulo, por lo que en el casoA
siempre se ejecuta bien. Si quitas la validacion del null en la accion tambien te funciona el casoA
?.