Discussion :

[flamant]

Bonjour,

j'utilise les grid de Angularjs (ui-grid)

Voici ma grid :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
Header A    !    HeaderB   !   HeaderC   !  HeaderD
 
value1      !                     !    value3     !  value4
value1       !     value5      !    value3     !  value4
value1       !     value6      !    value3    !   value4
value1       !     value7      !    value3    !   value4

Je veux faire un grouping à partir du header A. Le problème c'est que je veux remonter les valeurs communes des colonnes HeaderC et HeaderD dans la ligne de grouping comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
Header A    !    HeaderB    !  HeaderC   !  HeaderD
 
value1       !                    !    value3    !   value4
                !     value5      !           
                !     value6      !           
                 !    value7      !

J'ai pensé à utiliser une fonction d'aggrégation mais je ne sais pas comment m'y prendre. Merci d'avance pour vos suggestions

[flamant]

Bonjour,

j'ai trouvé une solution sur internet mais qui n'est pas testé

la definition de ma colonne où j'utilise une fonction d'aggrégation et un template pour ma colonne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
columnDefs: [
      { name: 'a',field: 'a', displayName: 'A' , width: '2%' , treeAggregationType: uiGridGroupingConstants.aggregation.MAX, cellTemplate: '<div class="ui-grid-cell-contents" > <fakemax val="{{COL_FIELD}}" /></div>'},

la directive pour le template de ma colonne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
var phonecatApp = angular.module('phonecatApp', ['ngAnimate', 'ngTouch', 'ui.grid', 'ui.grid.grouping']);
phonecatApp.directive('fakemax', function () {
    return function(scope, iElement, iAttrs) {
        var value = iAttrs.val;
        value = value.replace("max:", "");
        iElement[0].innerHTML = value;
    }
});

[Invité]

Sans utiliser Ng-Grid, on peut générer son tableau HTML avec une balise <table> dans un ng-repeat.
Ensuite, on peut ajouter des filtres dans le Ng-repeat. C'est peut être plus facile à gérer qu'un module externe.

[flamant]

Bonsoir MoumouteMaster et merci pour ta réponse

finalement, j'ai utilisé un filtre "rawValue" qui remplace "max : valeur" par "valeur" et mon template devient

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
cellTemplate: '<div class="ui-grid-cell-contents" > {{COL_FIELD | rawValue }} /></div>'

ça marche