Ich benutze Angular Ui-grid .Treating, um Multi-Level-Nesting in diesem zu erreichen. Einige haben das Problem bereits in uiGrid github angesprochen. Aber diese Lösung scheint nicht zu funktionieren.Angular Ui-Grid Multilevel Verschachtelung
Ich habe die JSON wie this geändert. Ich versuche ein verschachteltes Subgitter zu bilden.
Unter meinen Code
$scope.gridOptions = {
expandableRowTemplate: 'expandableRowTemplate.html',
enableGridMenu: true,
expandableRowHeight: 150,
paginationPageSizes: [5, 10, 15],
paginationPageSize: 5,
//subGridVariable will be available in subGrid scope
expandableRowScope: {
subGridVariable: 'subGridScopeVariable'
}
}
$scope.gridOptions.columnDefs = [
{ name: 'id', enableHiding: false },
{ name: 'name' },
{ name: 'age' },
{ name: 'address.city' }
];
$http.get('http://private-7a7085-getfriends1.apiary-mock.com/getfriends')
.success(function (data) {
for (i = 0; i < data.length; i++) {
//for(i = 0; i < 50; i++){
data[i].subGridOptions = {
columnDefs: [{ name: "Id", field: "id" }, { name: "Name", field: "name" }, { name: "Age", field: "id" }, { name: "Address", field: "name" }],
data: data[i].friends,
expandableRowTemplate: 'expandableRowTemplate1.html',
enableGridMenu: true,
expandableRowHeight: 150
}
for (j = 0; j < data[i].friends.length; j++) {
data[i].subNestedGridOptions = {
columnDefs: [{ name: "Id", field: "id" }, { name: "Name", field: "name" }, { name: "Age", field: "id" }, { name: "Address", field: "name" }],
data: data[i].friends[j].friends
}
}
}
$scope.gridOptions.data = data;
});
und zweiten Ebene verschachtelte HTML (expandableRowTemplate1.html) ist sieht
wie<div ui-grid="row.entity.subNestedGridOptions" style="height:150px;"></div>
Wenn ich Daten an ui-Gitter passieren für die zweite Ebene verschachtelt Gitter, es wirft nicht definiert.
Hat jemand bisher Erfolg, um Expandable UI Grid mit mehr als 2 oder 3 Ebenen zu implementieren. Wenn ja, teilen Sie bitte Plocker oder Geige oder detaillierte Erklärung wäre wirklich hilfreich!
können Sie bitte Plunker für Ihr Beispiel erstellen – ShaMoh