Köşeli UI ızgarası başlangıçta tüm satırları nasıl genişletir?

Question

Veri listesi göstermek için ui grid kullanıyorum ve başlangıçta tüm satırları genişletmeye çalışıyorum.

scope.GridOptions = 
     { 
      data: properties, 
      columnDefs: 
      [ 
       { name: "Full Address", field: "FullAddress" }, 
       { name: "Suburb", field: "Suburb" }, 
       { name: "Property Type", field: "PropertyType" }, 
       { name: "Price", field: "Price", cellFilter: 'currency'}, 
       { name: "Status", field: "Status" }, 
       { name: "Sale Type", field: "SaleType" }, 
       { name: "Date Created", field: "CreateDate", cellFilter: "date:'dd/MM/yyyy HH:mma'"} 
      ], 
      expandableRowTemplate: 'template.html', 
      expandableRowHeight: 200, 
      onRegisterApi: (gridApi) => 
      { 
       scope.gridApi = gridApi; 
       gridApi.expandable.on.rowExpandedStateChanged(scope,(row) => 
       { 
        if (row.isExpanded) { 
         this.scope.GridOptions.expandableRowScope = row.entity; 
        } 
       }); 
       gridApi.expandable.expandAllRows(); 

      } 
     }; 

Ama Yukarıdaki kod çalışmaz:

Ben onRegisterApi olay bu yapmaya çalışıyorum. ExpandAllRows() yöntemini çağırdığım zaman satırlar henüz oluşturulmamış gibi görünüyor.

Answer 1

ben rowsRendered olayı kullanarak tüm satırları genişletebilirsiniz bulmak:

Bu sadece başlangıçta tüm satırları genişletmek istediğiniz gibi satırlar oluşturulur ilk kez ise tespit etmek başlatıldı bir değişken kullandık

gridApi.core.on.rowsRendered(scope,() => { 
     if (!gridApi.grid.expandable.expandedAll && !initialized) 
     { 
      gridApi.expandable.expandAllRows(); 
      initialized = true; 
     } 
}); 

. Benim durumumda

Answer 2

Bir kılavuz kullandığınızı varsayalım, bu durumda tüm öğeleri varsayılan olarak genişletmek için groupsCollapedByDefault: false seçeneğini kullanabilirsiniz.

Answer 3

çalıştı aşağıdaki: Yukarıdakilerin

$scope.gridOptions = { 
     ... 
     onRegisterApi: function(gridApi) { 
     $scope.gridApi = gridApi; 
     $scope.gridApi.grid.registerDataChangeCallback(function() { 
      $scope.gridApi.treeBase.expandAllRows(); 
     }); 
     } 
    }; 

Answer 4

hiçbiri benim ızgara kullanım durumları tümü için benim için çalıştı.

 $scope.gridApi.grid.registerDataChangeCallback(function() { 
      if($scope.gridApi.grid.treeBase.tree instanceof Array){ 
       $scope.gridApi.treeBase.expandAllRows(); 
      } 

     }); 

Test ettiğim her durumda aşağıdaki işlemler çalışır. DataChangeCallback, ilk sayfa yüklemesinde iki kez (bilinmeyen bir nedenle) çağrılır. İlk kez gridApi.grid.treeBase.tree yukarıdaki gridApi.grid.treeBase.tree.forEach konuyu neden olan bir nesnedir: bu cevapların

Answer 5

Yok benim için çalıştı, şu yaptı:

scope.gridApi.core.on.rowsRendered(null,() => { 
    scope.gridApi.treeBase.expandAllRows(); 
});