[Solved] Emded html in grid cell

[Marc Simkin]

How can I place HTML in a cell in the grid.  I'm don't need a control like a check box or a drop down.
I'm look to simple html that might consist of <p>, <li>, or <br> to name a few.

If I can't have HTML in the cell, will the cell be able to process the a standard carriage return/line feed indicator?

thanks

marc

[Atanas Korchev]

Hello Marc Simkin,

 You can display HTML by setting the Template of the column (or ClientTemplate) if you are using ajax binding.

columns.Bound( c => c.Name).Template(c => 
{
%>
     <strong><%= c.Name%></strong>
<%
}).ClientTemplate("<strong><#= Name #></strong>");

Regards,

Atanas Korchev
the Telerik team

[Marc Simkin]

Hi:

Thank you for the quick response.

It would be the client template, since the data needs to be bound in the browser.

When I try to bind the data field with the razor syntax, all I get is the field name.  I've tried the fieldname with and without quotation marks.
The field in question is called QuestionChoices.

My grid defination is below, anythoughts on what I'm doing wrong.
Please let me know if I need to upload the code.

marc

@(Html.Telerik().Grid<ClientGridTest.Models.ProfileItem>()<BR>
.Name("ProfileGrid")<BR>    .Columns(columns
=><BR>
{<BR>
columns.Bound(o =>
o.FieldName).Title("Name");<BR>
columns.Bound(o =>
o.FieldOrder).Title("Order");<BR>
columns.Bound(o =>
o.FieldType).Title("Type");<BR>
columns.Bound(o => o.BaseProfileField).Title("Base
Profile?")<BR>
.ClientTemplate("<input type='checkbox' name='chkBase' <A href="mailto:value='@BaseProfileField'">value='@BaseProfileField'</A>
/>");<BR>
columns.Bound(o =>
o.FieldDeleted).Title("Deleted?")<BR>
.ClientTemplate("<input type='checkbox' name='chkDeleted' <A href="mailto:value='@FieldDeleted'">value='@FieldDeleted'</A>
/>");<BR>
columns.Bound(o =>
o.FieldRequired).Title("Required?")<BR>
.ClientTemplate("<input type='checkbox' name='chkRequired' <A href="mailto:value='@FieldRequired'">value='@FieldRequired'</A>
/>");<BR>
columns.Bound(o =>
o.FieldDescription).Title("Description");<BR>
columns.Bound(o => o.QuestionChoices).Title("Question
Choices")<BR>
.ClientTemplate(@QuestionChoices);<BR>
}<BR>    )<BR>    .ClientEvents(events =>
events<BR>
.OnDataBinding("onDataBinding")<BR>
.OnRowDataBound("onRowDataBound")<BR>    )<BR>
.Scrollable(scrolling => scrolling.Height(400))<BR>)<BR>

[Dimo]

Hi Marc,

The HTML markup inside the client templates is not valid and I am not sure whether this is how you are using it, or it has been broken when you pasted it here. Please provide the Grid declaration again and make sure it is exactly the same as in your project. Thanks.

By the way, have you checked our Razor online demos?

http://demos.telerik.com/aspnet-mvc/grid/templatesclientside

Greetings,
Dimo
the Telerik team

[Marc Simkin]

I have attached my sample project below, this way you can see what I'm trying to do. The view is in Views/Home/Index.cshtml.  The controller is in Controllers/HomeController.cs.

I'm populating the collection of items in the controller.  If you look, the second item has some embedded HTML.

Thank you for the help.

marc

[Dimo]

Hi Marc,

If you view the page source and inspect the value of the profileItems variable, you will see that the HTML tags come from the datasource. Moreover, currently the last column has no enabled client template at all.

Best wishes,
Dimo
the Telerik team

[Marc Simkin]

Hi, I know all that.  My question still stands.  How can I bind the value of the column in the data source to the grid so that it displays the embedded HTML?

The few things I tried either made no difference, displayed the data source column name, or ended up displaying nothing.

I'm looking to your team for guidence as to what is the best way of achieving what I need.

Do I need to embedded a html literal control in the last column?

thanks

marc

[Dimo]

Oh, in this case set  .Encoded(false) to the column.

Greetings,
Dimo
the Telerik team

[Marc Simkin]

Hi, thank you.

That was the solution.
marc