如何在頁面加載Kendo UI Grid時展開所有行？

Question

我正在使用Kendo UI Grid control進行ASP.NET MVC4的開發。並且我正在使用展開 - 摺疊功能來顯示網格行。

我的問題是在頁面加載時，只有第一個父行子元素（行）正在展開/顯示（根據退出代碼）。而其他父行（在第一個父行下面）不是。

但我想在頁面加載時顯示所有的父行和子行，沒有任何父行的闡述。

下面是父行的代碼：

@(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: 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); 
      }); 
     }