Display raw HTML using WebGrid in ASP.NET MVC 3

Question

I have a grid like this:

WebGrid grid = new WebGrid(source: Model, rowsPerPage: 5, ajaxUpdateContainerId: "GridContainer");

Now, I want to display "MyContent" column as raw HTML. What should I do?

<div id="GridContainer">
    @grid.GetHtml(columns:
        grid.Columns(
            grid.Column(
                columnName: "MyContent",
                //Format: What should I put here?
            )
        )
    )
</div>

Peter Mortensen · Accepted Answer · 2015-02-09 20:15:53Z

6

Use

<div id="GridContainer">
    @grid.GetHtml(columns:
        grid.Columns(
            grid.Column(
                columnName: "MyContent",
                format: (item) =>
                    {
                       var links = Html.ActionLink("Edit",   "Edit",    new {id = item.PrimaryKey})  + " | " +
                                   Html.ActionLink("Details","Details", new { id = item.PrimaryKey}) + " | "+
                                   Html.ActionLink("Delete", "Delete",  new { id = item.PrimaryKey});

                       return Html.Raw(links);
                    }
                )
            )
        )

which renders as

<td>
    <a href="/Home/Edit/5">Edit</a> |
    <a href="/Home/Details/5">Details</a> |
    <a href="/Home/Delete/5">Delete</a>
</td>

edited Feb 9, 2015 at 20:15

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Jan 15, 2013 at 2:45

heads5150

7,5333 gold badges28 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Triet Doan Over a year ago

Thanks for your help. But what if I just want to render all of its content as raw Html? It's just a paragraph with tag formatted.

Ravi Gadag Over a year ago

format:(item)=> Html.Raw(item) , u will get html text for the item

Triet Doan Over a year ago

No, what I get is RuntimeBinderException with message The best overloaded method match for 'System.Web.Mvc.HtmlHelper.Raw(string)' has some invalid arguments. I think item here is not a string.

Triet Doan Over a year ago

Oh, I've found the solution. I should have written item.{my property name}, just simple. Thanks for your help :D

acivic2nv · Accepted Answer · 2015-10-02 18:31:39Z

0

I think it is much cleaner to use the annotations in the model.

[GridColumn(Title="&nbsp;", SanitizeEnabled=false,EncodeEnabled=false)]
    public IHtmlString RateLink
    {
        get{
            return new HtmlString("<a href=\"" + BaseUrl + Id + "\" target=\"_blank\">Open</a>");
        }
    }

If you use only annotations your html only needs:

@Html.Grid(Model).AutoGenerateColumns()

answered Oct 2, 2015 at 18:31

acivic2nv

991 silver badge4 bronze badges

Collectives™ on Stack Overflow

Display raw HTML using WebGrid in ASP.NET MVC 3

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related