Friday, 20 April 2012

Conditionally display an image in webgrid

The following is very useful for those who are playing around with ASP .NET MVC Webgrid controls.

 @grid.GetHtml(  
   displayHeader: false,  
   columns: grid.Columns(  
       grid.Column(format: (item) =>  
         {  
           if (item.IsMainPreview == true)  
           {  
             return Html.Raw(string.Format("<text><img src=\"{0}\" alt=\"Image\"/></text>", Url.Content("~/Content/images/preview-photo.gif")));  
           }  
           else  
           {  
             return Html.Raw(string.Format("<text><img src=\"{0}\" alt=\"Image\"/></text>", Url.Content("~/Content/images/non-preview-photo.gif")));               
           }  
         }  
       ),          
       grid.Column(format: (item) => Html.ActionLink("Remove Photo", "RemovePhoto", "Images", new { photoID = item.Id }, new { @class = "RemovePhoto" }))  
     ));  

No comments:

Post a Comment