This is a migrated thread and some comments may be shown as answers.

Telerik MVC Tabstrip : Support for multiple grids?

0 Answers 93 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
John
Top achievements
Rank 1
John asked on 07 Dec 2010, 11:19 PM
Hi, i have a view with alot of information that needs to be displayed. 
The top is a grid, and when you use detail view, it will display a 
tabstrip with two items. Both are grids, and both grids have a grid in 
the detail view aswell. (Code will be posted). My problem is that when i
 expand to the detail view of the top grid, the tab strip displays, 
however i cannot move between them. It is stuck on whichever grid has 
the selected index.

<%

   
Html.Telerik().Grid(Model)
       
.Name("InvoiceDataGrid")
       
.Columns(columns =>
                     
{
                         columns
.Bound(s => s.Company.CompanyName)
                             
.Title("Company Name");
                         columns
.Bound(s => s.ManifestCount)
                             
.Title("# of Manifests");
                         columns
.Bound(s => s.ManifestTimeCount)
                             
.Title("Manifest Time");
                         columns
.Bound(s => s.FieldOfficeTimeCount)
                             
.Title("Office Time");
                     
})
       
.DetailView(detailView => detailView.Template(e =>
                     
{
                     %>
                     
<%
                         
Html.Telerik().TabStrip()
                             
.Name("Details_For_" + e.Company.CompanyName)
                             
.Items(items =>
                                       
{
                                            items
.Add().Text("Manifests for " + e.Company.CompanyName)
                                           
.Content(() =>
                                           
{
                                            %>
                                           
<%
                                               
Html.Telerik().Grid(e.Manifests)
                                                   
.Name("Manifests_" + e.Company.CompanyName)
                                                   
.Columns(col =>
                                                               
{
                                                                    col
.Bound(t => t.Manifest.ManifestId);
                                                                    col
.Bound(t => t.Manifest.BasicFieldOffice.FacilityName);
                                                                    col
.Bound(t => t.Manifest.BasicFacility.FacilityName);
                                                                    col
.Bound(t => t.Manifest.InvoiceNumber);
                                                                    col
.Bound(t => t.Manifest.CreatedDate);
                                                               
})
                                                   
.DetailView(det => det.Template(f =>
                                                   
{
                                                        %>
                                                       
<%=
                                                           
Html.Telerik().Grid(f.Time)
                                                               
.Name("Time_For_" + f.Manifest.ManifestId)
                                                               
.Columns(col =>
                                                               
{
                                                                    col
.Bound(y => y.EntryDate)
                                                                       
.Title("Entry Date");
                                                                    col
.Bound(y => y.Hours)
                                                                       
.Title("Hours");
                                                               
})
                                                        %>
                                                       
<%
                                                   
}))
                                                   
.Render();
                                            %>              
                                           
<%
                                           
});
                                            items
.Add().Text("Field Offices for " + e.Company.CompanyName)
                                           
.Content(() =>
                                           
{
                                            %>
                                           
<%
                                               
Html.Telerik().Grid(e.FieldOffices)
                                                   
.Name("Manifests_" + e.Company.CompanyName)
                                                   
.Columns(col => col.Bound(t => t.FieldOffice.FacilityName))
                                                   
.DetailView(det => det.Template(f =>
                                                   
{
                                                        %>
                                                       
<%=
                                                           
Html.Telerik().Grid(f.Time)
                                                               
.Name("Time_For_" + f.FieldOffice.FacilityName)
                                                               
.Columns(col =>
                                                               
{
                                                                    col
.Bound(y => y.EntryDate)
                                                                       
.Title("Entry Date");
                                                                    col
.Bound(y => y.Hours)
                                                                       
.Title("Hours");
                                                               
})
                                                        %>
                                                       
<%
                                                   
}))
                                                   
.Render();
                                            %>              
                                           
<%
                                           
});
                                       
})
                             
.SelectedIndex(1)
                             
.Render();
                     %>
                     
<%
                     
}))
       
.Pageable(paging => paging.PageSize(5))
       
.Sortable()
       
.Render();
%>
Tags
TabStrip
Asked by
John
Top achievements
Rank 1
Share this question
or