asp.net mvc 3 - viewcomponent - Vista parcial en código MVC Razor

view component asp.net core

Question

Estoy usando MVC 3 Razor para hacer un CMS simple para propósitos de práctica, y la idea es que estoy creando algunas vistas parciales.

Tengo ganas de hacer una búsqueda en la base de datos y ver que 3 vistas parciales deben representarse en la página.

¿Cómo haría esto? En WebForms, llamas al LoadControl (ControlURL), pero no veo un equivalente aquí.

¿Sería algo del lado del cliente?

Editar: estaba pensando más en tomar un nombre de Vista del modelo y luego renderizar esa vista en lugar de saber el nombre de la vista de antemano. Por lo tanto, una página puede tener una vista llamada Foo o una vista llamada Barra. El modelo, en el tiempo de ejecución le dirá a la acción del controlador qué vista debe renderizar.

Answer 1

Además, considere @Html.Action() lugar de vista parcial

Answer 2

De otra manera

@RenderPage("~/Views/Shared/LeftMenu.cshtml")

Answer 3

Hay dos métodos que puede utilizar para representar un "control".

@Html.Partial("ViewName")
@{ Html.RenderPartial("ViewName"); }

También puedes renderizar otras acciones.

@Html.Action("ActionName", "Controller", new { Values = "yourvalues" })
@{ Html.RenderAction("ActionName", "Controller", new { Values = "yourvalues" }); }

Observe que el segundo de cada uno está rodeado por @{ } esto se debe a que no devuelven una cadena sino que se procesan directamente en la secuencia.

Answer 4

Html.RenderPartial("partialview name", Model.class, new ViewDataDictionary { TemplateInfo = new TemplateInfo { HtmlFieldPrefix = "classname" } });
This code can be used to render the partial view in apge.
HTMLfiledprefix is defined to keep the data available in the model
You can use tis code to load a partial view on a button event using ajax
function partialview() {
var url = ''@Url.Action("action", "controller")'';
var data = $(''#frm'').serialize();
(to serialize the data in the model before posting to the action)
var finaldata = data;
$.ajax({
type: "post",
url: url,
data: finaldata,
async: false,
contentType: "application/json; charset=utf-8",
error: function (xhr) {
errorRedirecttoErrorController(xhr.error);
},
success: function (data) {
$("#DIVID").html(data);
(div to which the partial view to be loaded)
}
});
}