Note that there are some explanatory texts on larger screens.

plurals
  1. PODetailView in Telerik MVC Grid Razor
    primarykey
    data
    text
    <p>Below is the current view I am using, I want to add <code>DetailView</code> to it. I have tried many examples even I used telerik demo code but none of the code seems to work. Can anyone show me some code how to do that. Each DetailView row should be filled with <code>"detailViewCategory"</code> as shown in model</p> <p><strong>View</strong></p> <pre><code> @(Html.Telerik().Grid(Model.Mappings) .Name("Grid") .Scrollable(c =&gt; c.Height("200px")) .Columns(columns =&gt; { columns.Bound(o =&gt; o.nopCategoryID).Hidden(true); columns.Bound(o =&gt; o.nopCategory).Width(100).Title("Category"); columns.Bound(e =&gt; e.ClockCategory).Width(200).Title("Mapped To").Template(t =&gt; t.ClockCategory.Replace(",", "&lt;br /&gt;")); columns.Bound(o =&gt; o.nopCategoryID) .Width(50) .Centered() .Template(o =&gt; Html.ActionLink("Edit", "EditProduct", new { id = o.nopCategoryID })) .Title("Edit"); columns.Bound(o =&gt; o.nopCategoryID) .Width(50) .Centered() .Template(o =&gt; Html.ActionLink("Delete", "DeleteMapping", new { id = o.nopCategoryID })) .Title("Delete"); }) ) </code></pre> <p><strong>Model</strong></p> <pre><code> public class C_Category { public int nopCategoryID { get; set; } public string nopCategory { get; set; } public string ClockCategory { get; set; } public DetailViewCategory detailViewCategory { get; set; } } </code></pre> <p><strong>DetailViewCategory</strong> </p> <pre><code>public class DetailViewCategory { public int nopCategoryID { get; set; } public int ClockCategoryID { get; set; } public string ClockCategory { get; set; } } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload