How to put a condition (if else) in webgrid column?
@grid.GetHtml(tableStyle: "table table-bordered",
columns: grid.Columns(
grid.Column("RealName", "Name"),
grid.Column("UserName", "Email")
))
I have to show the Email Column based on a condition, How to do this?
You can try this
@{
var gridColumns = new List<WebGridColumn>();
gridColumns.Add(grid.Column(format: (item) => Html.ActionLink("Select", "Details")));
if (true)
{
gridColumns.Add(grid.Column(format: (item) => Html.ActionLink("Edit", "Edit")));
}
gridColumns.Add(grid.Column("UserName", "name"));
gridColumns.Add(grid.Column("RealName", "RealName"));
}
@grid.GetHtml(columns: grid.Columns(gridColumns.ToArray()));
This worked for me.
@grid.GetHtml(tableStyle: "webGrid",
headerStyle: "header",
alternatingRowStyle: "alt",
selectedRowStyle: "select",
columns: grid.Columns(
grid.Column("Is Active",format: (item) =>
{
if (item.IsActive == true)
{
return Html.Raw(string.Format("<text><img height='20' width='20' src=\"{0}\" alt=\"Image\"/></text>", Url.Content("~/images/rightmark.png")));
}
else
{
return Html.Raw(string.Format("<text><img height='20' width='20' src=\"{0}\" alt=\"Image\"/></text>", Url.Content("~/Content/images/non-preview-photo.gif")));
}
}, style: "firstColumn",canSort:true),
grid.Column("Name", " Name", style: "SecondColumn",canSort:true),
grid.Column("Role", "Role", style: "ThirdColumn",canSort:true)
))
A very simple way is
if(myConditionCanGoInHere) {
@grid.GetHtml(tableStyle: "table table-bordered",
columns: grid.Columns(
grid.Column("RealName", "Name"),
grid.Column("UserName", "Email")
))
}
else{
@grid.GetHtml(tableStyle: "table table-bordered",
columns: grid.Columns(
grid.Column("RealName", "Name"),
//grid.Column("UserName", "Email")
))
// Here remove your email column
))
I update the code to accept parameter: (Razor View - Webmatrix)
grid.Column("Unread",format: (item) =>
{
if (item.Unread == true)
{
return Html.Raw(string.Format("<text><a \"target=\"_blank\" href=\"ViewComments?bvnum={0}\"><img height='20' width='20' border='0' src=\"/images/new_comments.png\" alt=\"Image\"/></text>", @item.id));
}
else
{
return Html.Raw(string.Format("<text><a \"target=\"_blank\" href=\"ViewComments?bvnum={0}\"><img height='20' width='20' border='0' src=\"/images/comments.png\" alt=\"Image\"/></text>", @item.id));
}
}, canSort:true)
It would be good, if you validate this before you put the data in the GUI layer. You have to get the right data for the grid in your Controller. So you can only show the data in the grid and you don't have to mind if it is the right data because you have already validate it.
That mean you have to put the if/else in your controller not in your view.
public JsonResult GetServiceGridData([DataSourceRequest]DataSourceRequest request)
{
var services = ModelTransformer.Transform(Repository.Instance.GetServices());
foreach (var service in services)
{
var filterType = _filterTypes.FirstOrDefault(x => x.Id == service.FilterTypeId);
service.FilterTypeName = filterType == null ? _filterTypeNoneName : filterType.Name;
}
return Json(services.ToDataSourceResult(request));
}
Something like this for example
if else for WebGrid column