Razor + Grid + DetailView

[Michael Munnis]

I'm running into some problems getting DetailView to work in Grid under the Razor view engine.  This is probably me putting the wrong syntax in the template area, but I couldn't find any examples that didn't use another control in the template.  I'm not sure how to enter just XHTML markup in there. 

<!--  start fax-table ............................. -->
@Html.Telerik().Grid(Model).Name("Grid").Columns(columns => {
    columns.Bound(o => o.Facilityname).Width(400);
    columns.Bound(o => o.Deptname).Width(300);
    columns.Bound(o => o.Fullname).Width(200);
    columns.Bound(o => o.Runnumber).Width(100);
    columns.Bound(o => o.Processeddate).Width(220);
    columns.Bound(o => o.Faxphone).Width(200);
    columns.Bound(o => o.Winfaxerror).Width(450);
}).DetailView(detailView => detailView.Template(e =>
{
        @<text>
        <div>
            <ul>
                <li>Company sent from: @e.Companyname </li>
                <li>Rule name that spawned fax: @e.Rule</li>
                <li>Report faxed: @e.Processeddate</li>
                <li>Run Nbr: @e.Runnumber</li>
                <li>Destination: @e.Facilityname</li>
                <li>Patient on trip faxed: @e.Fullname</li>
                <li>Fax Nbr: @e.Faxphone</li>
                <li>Date submitted: @e.Processeddate</li>
                <li>Who submitted: @e.Whoprocessed</li>
                <li>Fax status msg: @e.Winfaxerror</li>
                <li>Send method: @e.Sendmethod</li>
                <li>Date last modified: @e.Lastmodifieddate</li>
                <li>Who last modified: @e.Whomodified</li>
            </ul>
        </div>
        </text>;
})).Sortable().Pageable(pager => pager.PageSize(15)).Filterable()
<!--  end fax-table................................... -->

Thanks for any assistance.

[Atanas Korchev]

Hi Michael Munnis,

 You can try this:

.DetailView(@<text>
<ul><li>@item.CompanyName</li></ul>
</text>)

Regards,

Atanas Korchev
the Telerik team

        @<text>

        <div>

            <ul>

                <li>Company sent from: @e.Companyname </li>

                <li>Rule name that spawned fax: @e.Rule</li>

                <li>Report faxed: @e.Processeddate</li>

                <li>Run Nbr: @e.Runnumber</li>

                <li>Destination: @e.Facilityname</li>

                <li>Patient on trip faxed: @e.Fullname</li>

                <li>Fax Nbr: @e.Faxphone</li>

                <li>Date submitted: @e.Processeddate</li>

                <li>Who submitted: @e.Whoprocessed</li>

                <li>Fax status msg: @e.Winfaxerror</li>

                <li>Send method: @e.Sendmethod</li>

                <li>Date last modified: @e.Lastmodifieddate</li>

                <li>Who last modified: @e.Whomodified</li>

            </ul>

        </div>

        </text>

        @<text>

        <div>

            <ul>

                <li>Company sent from: @e.Companyname </li>

                <li>Rule name that spawned fax: @e.Rule</li>

                <li>Report faxed: @e.Processeddate</li>

                <li>Run Nbr: @e.Runnumber</li>

                <li>Destination: @e.Facilityname</li>

                <li>Patient on trip faxed: @e.Fullname</li>

                <li>Fax Nbr: @e.Faxphone</li>

                <li>Date submitted: @e.Processeddate</li>

                <li>Who submitted: @e.Whoprocessed</li>

                <li>Fax status msg: @e.Winfaxerror</li>

                <li>Send method: @e.Sendmethod</li>

                <li>Date last modified: @e.Lastmodifieddate</li>

                <li>Who last modified: @e.Whomodified</li>

            </ul>

        </div>

        </text>

[Michael Munnis]

When I use @item.Companyname (or anything else from my model), I get the following error:

'Telerik.Web.Mvc.UI.Fluent.GridDetailViewBuilder<Contracts.IFaxes>' does not contain a definition for 'Companyname' and no extension method 'Companyname' accepting a first argument of type 'Telerik.Web.Mvc.UI.Fluent.GridDetailViewBuilder<Contracts.IFaxes>' could be found

If I replace @item.Companyname with just some random text, the page renders, but the detail view is empty.   This also happens in your example on this site:  http://mvcdemo.chiplex.com/grid/detailsserverside

Anything else you can think to try that might resolve this?

Kind Regards,
Mike

[a c]

I recommend that you use the Ajax binding, it can work.
http://mvcdemo.chiplex.com/grid/detailsajax

[Atanas Korchev]

Hello,

 I am attaching a sample project which shows how to use the server detail template with razor. Here is the relevant code:

@(Html.Telerik().Grid(new[] { new GridRazorDetailView.Controllers.Customer { ID = 1, Name = "Customer 1" } })
      .Name("Grid")
      .Columns(columns =>
      {
        columns.Bound(c => c.ID).Width(200);
        columns.Bound(c => c.Name);
      })
      .DetailView(view => view.Template(@<ul>
        <li>@item.ID</li>
        <li>@item.Name</li>
      </ul>))
)

Regards,
Atanas Korchev
the Telerik team

[Michael Munnis]

Thank you Atanas, that worked perfectly!

[Ulfar]

Works perfectly!