Angulaire de l'INTERFACE utilisateur de la Grille, l'ajout d'un bouton dans une cellule de la ligne via les templates
J'ai eu la suivante gridOptions.columnDefs
$scope.generateReport = function(row) {
alert("Test");
};
$scope.gridOptions.columnDefs = [
{ name: 'Action',
cellEditableCondition: false,
cellTemplate: '<button ng-click="grid.appScope.generateReport(row)">
Report
</button>'
}];
Ça ne fonctionne pas, le bouton affiche mais une fois cliqué sur ses pas à l'appel de la fonction. Je suis en suivant leur guide Ici, et je suis en utilisant ui-grid - v3.0.0-RC.18
.
J'ai eu la suite de mon code html.
<div id="grid1"
ui-grid="gridOptions"
ui-grid-cellnav
ui-grid-edit
ui-grid-expandable
ui-grid-exporter
class="myGrid">
</div>
J'ai aussi essayé d'ajouter un external-scope
mais n'a pas fait une différence..
Des idées?
OriginalL'auteur Dayan | 2015-02-26
Vous devez vous connecter pour publier un commentaire.
Mon ng-cliquez sur un bouton dans l'interface utilisateur de la grille de ligne qui ressemble à ça.
Mon contrôleur a $portée injecté et de la première ligne crée la référence (je crois) à la portée externe.
Le code HTML ressemble à ce, qui se réfère à la portée externe.
Ici est toute ma cellTemplate si ça aide...
J'ai mis à niveau vers la dernière version RC20 et sa fonctionne très bien avec
grid.appScope.generateReport
. J'ai eu R18 et soi-disant il aurait travaillé avec cette version ainsi trop. Quelle version utilisez-vous dans votre exemple?Je suis à l'aide de la v3.0.0-RC.18. J'ai récemment mis à niveau vers la dernière version, mais la tabulation des comportements modifiables grilles a radicalement changé, je suis donc retourné à l'ancienne version pour l'instant. On dirait que vous avaient peut-être une incompatibilité entre la documentation et le code?
Ouais assez bien, merci pour votre réponse même si elle ne fonctionne sur RC18 j'en accepte donc et j'espère que d'autres que coincé ici peut voir ça.
ui-grid.info/docs/#/tutorial/305_appScope
OriginalL'auteur S. Baggy