[Solved] Child items displayed in column.

[Troy Demet]

I am attempting to display a grid and in one column the child items for the Model are displayed.

@Html.Telerik.Grid(Model).Name("ServicesGridView").Datakeys( _
      Function(datakey) datakey.Add(Function(c) c.ServiceGroupId) _
          ).DataBinding(Function(dataBinding) _
                            dataBinding.Server.Update("ServicesGroupsEdit","Settings")).Columns( _
      Function(columns) {columns.Bound(Function(c) c.ServiceGroupId).Hidden(True), _
                         columns.Bound(Function(c) c.ServiceGroupName), _
                         columns.Bound(Function(c) c.ServiceGroupDescription).Title("Group Description"), _
                         columns.Template(Function(c) c.ServiceInfoList.ForEach(Function(l) l.Name & "[" & l.ServiceMenuId & "]")), _
                         columns.Command( _
                             Function(commands) commands.Edit().ButtonType(GridButtonType.Image))})

The ForEach loop gives me an error of "Expression does not produce a value." Any help with this would be greatly appreciated.

[Atanas Korchev]

Hello Troy Demet,

I have attached a sample project showing how to create a template column in VB.NET and Razor. Here is the relevant part:

@ModelType IEnumerable(Of TelerikMvcApplication52.Product)

@Code
Html.Telerik().Grid(Model).Name("Grid") _
   .Columns(Sub (columns)
      columns.Bound(Function (p) p.ID)
      columns.Template(Function(p)
          @<text>
            <strong>@p.ID</strong>
          </text>
      End Function)
   End Sub)  _
   .Render()
End Code

Kind regards,
Atanas Korchev
the Telerik team

[Troy Demet]

I tried the code you sent and go odd results.
The sub items were listed above the grid.
Here is the code I used.

@Html.Telerik.Grid(Model).Name("ServicesGridView").DataKeys( _
      Function(datakey) datakey.Add(Function(c) c.ServiceGroupId) _
          ).DataBinding(Function(dataBinding) _
                            dataBinding.Server.Update("ServicesGroupsEdit", "Settings") _
                            ).Columns(Sub(columns)
                                              columns.Bound(Function(c) c.ServiceGroupId).Hidden(True)
                                              columns.Bound(Function(c) c.ServiceGroupName).HtmlAttributes(New With {.style = "vertical-align:top;background-color:<#= Color #>;"})
                                              columns.Bound(Function(c) c.ServiceGroupDescription).Title("Group Description").HtmlAttributes(New With {.style = "vertical-align:top;"})
                                              columns.Template(Function(c)
                                                                       For Each item In c.ServiceInfoList
                                                                           @<text>
                                                                               <div><strong>@item.Name</strong> [@item.ServiceMenuId]</div>
                                                                           </text>
                                                                       Next
                                                               End Function)
                                              columns.Template(Function(c) Html.ActionLink("Edit", "ServicesGroupsEdit", "Settings", New With {.id = c.ServiceGroupId}, New With {.class = "t-button"}).ToString).HtmlAttributes(New With {.style = "vertical-align:top;"})
                                      End Sub)

[Atanas Korchev]

Hello Troy Demet,

 This is because you must define the grid in a @code block and use its render method. Please check again the test project. The grid is defined like this:

@Code

Html.Telerik().Grid(Model).Name("Grid") _

   .Columns(Sub (columns)

      columns.Bound(Function (p) p.ID)

      columns.Template(Function(p)

          @<text>

            <strong>@p.ID</strong>

          </text>                    

      End Function)

   End Sub)  _

   .Render()

End Code

All the best,
Atanas Korchev
the Telerik team

[Troy Demet]

That did it. Thank you for your help.
-Troy