Как расширить все строки при загрузке страницы в сетке пользовательского интерфейса Kendo?

Question

Я работаю над ASP.NET MVC4 с управлением сетью Kendo UI. И я использую функцию разворачивания-свернуть для отображения строк сетки.

Моя проблема во время загрузки страницы: только первые родительские строки дочерние элементы (строки) расширяются/отображаются (в соответствии с кодом выхода). И другие родительские строки (ниже первой родительской строки) не являются.

Но я хочу показать все родительские и дочерние строки во время загрузки страницы без какой-либо экспансии родительских строк.

Ниже кусок кода для родительских строк:

@(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"))    
    )   

Ниже кусок кода для дочерних строк:

@(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")) 
       ) 

Может кто-нибудь знает, как это исправить?

Answer 1

Как указано в приведенных выше замечаний.

Kendo UI Grid имеет опцию Expand All.

Посмотрите здесь: How to expand all detail rowsi n a kendo grid

Answer 2

Еще не сделали много с MVC в последнее время (жаль об этом). Это веб-реализация.

Если по какой-то странной причине у вас возникли проблемы с проездом коллекциями обработчика DataBound сетки:

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

Попробуйте вручную обхват через него

dataBound: function() { 
      var that = this; 

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