cellule éditable avec ng-Grid
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:
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:
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.