Отображение изображения, если проверка не удалось в WebGrid

Question

Как бы отображать изображения (один или несколько) значок/изображения, основанный на проверке произошел сбой в WebGrid, код приведен ниже

ниже код показывает без какой-либо проверки.

@grid.GetHtml(
     displayHeader: false, 
     columns: grid.Columns(
       grid.Column(header: "Serial Number", format: @<input type="text" id="SerialNumber" name="serialNumber_@(item.WebGrid.Rows.IndexOf(item))" value="@item.SerialNumber" /> 
      )); 

Я хотел бы, чтобы отобразить значок рядом с <input если проверка является неудачей.

Я пытался сделать что-то вроде этого:

grid.Column(header: "Serial Number", format: @<input type="text" id="SerialNumber" name="serialNumber_@(item.WebGrid.Rows.IndexOf(item))" value="@item.SerialNumber" />**@if(item.SerialNumberFailed !=null) {<div><img src=\"failed.gif\" /></div>}**) 

Answer 1

я смог понял, - надеюсь, что это поможет другим.

grid.Column(header: "Serial Number", format: (item) => 
{ 
int row = item.WebGrid.Rows.IndexOf(item); 
string value = item.Location; 
if (!string.IsNullOrEmpty(item.ValidationFailed.LocationValidationFailed)) 
{ 
return Html.Raw(string.Format(" 
<input type=\"text\" id=\"Serial Number\" name=\"location_{0}\" value=\"{1}\" /> 
<div class=\"input-group\"> 
    <span class=\"fa fa-chain-broken redcolor\" title=\"wrong Serial Number\" </span> 
</div> 
", row, value)); 
} 
else 
{ 
return Html.Raw(string.Format(" 
<input type=\"text\" id=\"Location\" name=\"location_{0}\" value=\"{1}\" />", row, value)); 
// 
} 
}),