Discussion :

[topolino]

Bonjour,

J'utilise une directice (UI-Grid) dans mon site, mais a chaque fois que je l'utilise je suis obligé de remettre toutes les options, comportements.... desirés
Afin d'eviter ca, je voudrais creer une directive ayant UI-grid et tous les options, comportements que je desire avoir dans tous mon site, comme ca je n'aurais qu'a specifier une balise (myGrid) avec sa source de donnée.

Comment dois je m'y prendre ?

Merci pour vos conseils

[beekeep]

Bonjour,

à première vue je dirait qu'il est possible d'utiliser UI-Grid dans un composant web perso de la même façon que d'habitude en appliquant les comportements voulus.
Est-ce que tu est confronté à un problème particulier lors de la mise en place de cette solution ?

[topolino]

Effectivement dans ma directive je fais:

Code :

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

1
2
3
4
5
6
7
 
angular.module('myApp').directive('myUIGrid', function() {
        return {
            restrict: 'AEC',
            template: '<div id="grid1" ng-show="person.isConnected" ui-grid-move-columns ui-grid-edit ui-grid-resize-columns ui-grid-cellnav ui-grid="gridOptions" external-scopes="myViewModel" class="grid"></div>--></div>'
        };
    });

Je ne comprends deja pas pourquoi person.isConnected cela fonctionne sans transclude = true.

Sinon tous mon controller que j'avais avec UI-Grid pour la configuration je voudrais le mettre dans ma nouvelle directive. Mais comment dois je faire ? dans le controller de ma directive ?

[beekeep]

Je ne comprends deja pas pourquoi person.isConnected cela fonctionne sans transclude = true.

Ça dépend du contexte (scope) et non du transclude.

Sinon tous mon controller que j'avais avec UI-Grid pour la configuration je voudrais le mettre dans ma nouvelle directive. Mais comment dois je faire ? dans le controller de ma directive ?

Oui en utilisant un controller spécifique dans la directive.

[topolino]

Oui en utilisant un controller spécifique dans la directive.

Comment tu accedes aux attribut de ton template ? --> <div id="grid1" ui-grid="gridOptions" </div>

En faite je voudrais aussi heriter de UI-Grid afin d' y ajouter des fonctionnalites. Il faut donc que toutes les options deja proposées soient disponibles dans ma nouvelle directive

[Marco46]

Les directives servent à enrichir le HTML.

La configuration d'une directive ce n'est pas du HTML.

Utilise un service.