Wie werden alle Zeilen beim Laden der Seite in Kendo UI Grid erweitert?

Question

Ich arbeite an ASP.NET MVC4 mit Kendo UI Grid-Steuerelement. Und ich verwende Expand-Collapse-Funktionalität, um Rasterzeilen anzuzeigen.

Mein Problem ist zum Zeitpunkt des Ladens der Seite nur die ersten Elternteil Zeile Kindelemente (Zeilen) sind erweitern/zeigen (nach dem Beenden von Code). Und die anderen Elternzeilen (unter der ersten Elternteil) sind nicht.

Aber ich möchte alle Eltern und Kind Zeilen zum Zeitpunkt des Ladens der Seite ohne Expatiation der Elternzeilen anzeigen.

Im Folgenden finden Sie Stück Code für Eltern Reihen:

@(Html.Kendo().Grid<Gts.Core.Dto.CategoryViewModel>() 
    .Name("CategoryItemsGrid") 
    .DataSource(dataSource => dataSource 
     .Ajax() 
     .Model(model => model.Id(p => p.CategoryID)) 
     .Read(read => read.Action("CategoryItems","Category").Data("additionalIDetail"))    
    )   

Unten ist Teil des Codes für die Kinder Reihen:

@(Html.Kendo().Grid<Gts.Core.Dto.CategoryViewModel >() 
     .Name("Categories_#=CategoryID#")  
     .DataSource(dataSource => dataSource 
      .Ajax() 
      .Model(model => model.Id(p => p.CategoryItemID)) 
      .Read(read => read.Action("CategoryChildItems", "Category", new { CategoryItemID = "#=CategoryItemID#", categoryId = "#=FKCategoryID#" })) 
        .Destroy(update => update.Action("CategoryItemsDestroy", "Category")) 
       ) 

Kann jemand weiß, wie man es beheben?

Answer 1

Wie oben in den Kommentaren versehen.

Kendo UI Grid verfügt über die Option Alle erweitern.

Schau mal hier: How to expand all detail rowsi n a kendo grid

Answer 2

Haben Sie nicht in letzter Zeit viel mit MVC getan (tut mir leid, dass). Dies ist eine Web-Implementierung.

Wenn aus irgendeinem seltsamen Grund, warum Sie Probleme haben mit nur die Sammlung an den Handler Databound vorbei des Gitters:

dataBound: function() { 
    this.expandRow(this.tbody.find("tr.k-master-row")); 
} 

Versuchen manuell durch Looping

dataBound: function() { 
      var that = this; 

      $.each(that.tbody.find("tr.k-master-row"), function (key, value) { 
       that.expandRow(value); 
      }); 
     }