Ajouter un bouton "add row" dans une datagrid

Bonjour,

Actuellement j'ai une datagrid qui se charge dynamiquement et qui contient des itemRender(case avec textinput,calendrier..). La datagrid contient aussi un système de pagination.

On souhaite ajouter une nouvelle fonctionnalité qui consiste à proposer à l'utilisateur d'ajouter manuellement une nouvelle ligne dans la dataGrid. Il doit y avoir un bouton "add new row" à la dernière ligne de la datagrid, quand on clique sur ce bouton, on ajoute une nouvelle ligne au dessus du bouton avec un champ de saisi dans la 1er colonne et un bouton "ok" dans la 2ème colonne qui va permettre de valider la ligne.

peut être que ca sera plus simple avec un ptit screen de la datagrid :

http://www.developpez.net/forums/att...1&d=1272879939

la 3ème ligne doit être ajouté lorsque l'utilisateur clique sur le bouton "ajouter une ligne"

Pour l'instant, je ne vois pas comment partir pour réaliser cette fonctionnalité, une petite aide serait la bienvenue ;)

Merci

Tu ajoutes un nouvel objet du type de ceux affichés dans ta grid au dataprovider et tu mets en plus le dataBinding entre ta grid et le dataprodivder.

Ainsi, l'ajout de l'élément dans la liste du dataprovider (sur click sur le bouton 'ajouter un ligne') va afficher automatiquement une ligne dans ta grid.

merci mais ce n'est pas vraiment sur ça que je bloque mais + sur comment afficher sur la derniere ligne le bouton "ajouter une ligne" mais aussi comment ajouter le bouton "ok" à la place de la 2ème colonne.

Si je met dans mon dataprovider un nouvel objet, il va bien ajouter une nouvelle ligne mais comment lui dire que c'est pas des données que je veux afficher mais un bouton ?

Dans les itemsRenderer, tu as accès à la donnée data qui correspond à l'objet courant de la ligne.
Tu peux donc savoir si cet objet est 'vide' ou non (libre à toi de gérer cela comme tu le veux/peux) et ainsi adapter le rendering de la colonne en affichant un bouton 'Ok' plutôt qu'un label type 'data 1'.

Sinon pour la ligne 'Ajouter une ligne', en dernière position, tu peux procéder de la même manière en insérant un objet spécial dans ton dataprovider mais ça va te faire des itemsRenderer douteux.

Je pense qu'il va être difficile de l'insérer vraiment dans la grid mais pourquoi pas tout de suite en dessous en reprenant les styles de la grille ?

pour la ligne contenant le textinput + le bouton "ok", j'avais eu aussi l'idée de modifier directement mes itemrenderer (si pas de données afficher bouton sinon afficher label) mais je me disais qu'il y avait peut être une solution plus simple et "belle".

Idem pour le bouton "add new row", sachant que y a un système de pagination, ça peut être assez chiant à gérer de faire ça en dehors de la datagrid et juste en dessous...

Bonjour,

Si tu veux que ton bouton se trouve sur la dernière ligne de ta DataGrid tu vas devoir gérer ça au niveau de ton itemRenderer.

Après tu peux te demander si c'est la meilleur solution pour adresser ton problème d'ajout de nouvel ligne.

Tu pourrais :
- Sortir le bouton pour le positionner au dessus ou au dessous de la dataGrid.
- Ou bien ajouter automatiquement une nouvelle ligne dès que des données sont saisies.

à la base c'est ce qui aurait du se faire (bouton ajouter en dehors de la datagrid) mais le client veut absolument que le bouton soit dans la grille pour une question d'ergonomie..:?)

Plus qu'a modifier mes itemRenderer, j'ai déjà commencé à le faire et ça fonctionne plutôt pas mal pour l'instant mais bon je trouve pas ça très élégant... Mais je trouve pas d'autre solution pour l'instant

Merci