Bonjour, j'essaye de mettre en place un système d'édition de cellule sur mon tableau via l'api ng-grid
J'ai bien intégré à mon projet toutes les .js et .css pour utiliser ng-grid, j'ai suivi à la lettre les indications du site, mais ça ne marche toujours pas. Mon tableau s'affiche, mes données également, mais l'édition n'est pas disponible.
Voici mon .js :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 $http.jsonp(url) .success(function(data) { $scope.assets = data;//ma liste de datas qui remplient le tableau $scope.tableParams = new ngTableParams({ page: 1, // show first page total: data.length, // length of data count: 10 // count per page }); $scope.$watch('tableParams', function(params) { // use build-in angular filter var orderedData = params.sorting ? $filter('orderBy')(data, params.orderBy()) : data; // slice array data on pages $scope.assets = orderedData.slice( (params.page - 1) * params.count, params.page * params.count ); }, true); $scope.gridOptions = { data: 'data',//les datas sur lesquelles ont applique l'édition enableCellSelection: true, enableRowSelection: false, enableCellEdit: true }; };
Voici mon .html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <table ng-table="tableParams" template-pagination="custom/pager" class="table table-striped gridStyle" ng-grid="gridOptions" id="assets"> <h1 class="label_assets">Assets</h1> <tr ng-repeat="asset in assets | filter:query"> <td title="Name"> {{asset.Name}} </td> <td title="Description" > {{asset.Description}} </td> </tr> </table>
Si quelqu'un à déjà utilisé cette api, et qu'il voit mon erreur, j'aimerai votre avis.
Merci pour votre aide.
Partager