¿Cómo usar una columna personalizada en un modelo de cuadrícula MVCContrib?
-
29-10-2019 - |
Pregunta
Estoy usando una cuadrícula ASP.NET MVC 3 MVCContrib como así:
@Html.Grid(Model).Columns(column =>
{
column.For(x => x.UserId).Named("ID");
column.For(x => x.Name);
column.Custom(@<div><img src='@item.ImageUrl' alt="@item.Name"/><a href="@item.Link">@item.Name</a></div>).Named("Name");
column.For(x => x.Score).Named("Score");
})
Pero ahora necesito mover esto a un modelo de cuadrícula personalizado:
@Html.MvcContrib().Grid(Model).WithModel(new MyGridModel()).Sort(ViewData["sort"] as GridSortOptions).Attributes(id => "grid", style => "width: 100%;")
con el modelo de cuadrícula correspondiente:
public class MyGridModel : GridModel<MyModel>
{
public MyGridModel()
{
Column.For(x => x.UserId);
Column.For(x => x.Name);
Column.For(x => x.ImageUrl);
RenderUsing(new HtmlTableGridRenderer<MyModel>());
}
}
Pero, ¿cómo puedo hacer mi columna personalizada en mi modelo de cuadrícula?
Column.custom (???);
Solución
Intenta así:
public class MyGridModel : GridModel<MyModel>
{
public MyGridModel()
{
Column.For(x => x.UserId);
Column.For(x => x.Name);
Column.Custom(MyImage);
Column.For(x => x.Score);
RenderUsing(new HtmlTableGridRenderer<MyModel>());
}
private static IHtmlString MyImage(MyModel model)
{
var div = new TagBuilder("div");
var img = new TagBuilder("img");
var a = new TagBuilder("a");
img.Attributes["src"] = model.ImageUrl;
img.Attributes["alt"] = model.Name;
a.Attributes["href"] = model.Link;
a.SetInnerText(model.Name);
div.InnerHtml = string.Format(
"{0}{1}",
img.ToString(TagRenderMode.SelfClosing),
a.ToString()
);
return MvcHtmlString.Create(div.ToString());
}
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow