web-dev-qa-db-fra.com

Interface utilisateur de table d'édition multiple

Je me demande si vous avez vu une conception de table sur le Web où plusieurs éléments pourraient être modifiés en même temps. Par exemple, si j'ai une colonne avec le nom du groupe de titres et que la première ligne a la valeur "groupe Inde" et la seconde a la valeur "groupe Japon". Maintenant, si je décide de cliquer sur une modification à côté du groupe Inde, il convertit la ligne du groupe Inde en une zone de saisie de texte, mais maintenant je ne clique pas sur le bouton Enregistrer associé au groupe Inde et laisse la zone de saisie de texte. Je passe à la deuxième ligne, c'est-à-dire au groupe Japon et je clique sur modifier. Maintenant, je voudrais afficher deux zones d'édition en même temps. Ensuite, l'utilisateur peut cliquer sur enregistrer (2 enregistrements séparés ou un enregistrement global) une fois qu'il a terminé de changer le nom du groupe. Si vous pouviez me citer quelques exemples, ce serait formidable. Merci

2
varun86

Ce que vous proposez donnera une façon WYSIWYG de modifier le tableau, bonne idée lorsque vous avez une grande grille de données et uniquement des données en texte brut (plusieurs éditeurs de texte riche à l'intérieur d'un tableau semblent désordonnés!).

J'ai construit quelque chose comme ça pour une application il y a quelques mois qui semble bien faire le travail.

enter image description here

assurez-vous de mettre en surbrillance toutes les lignes en cours de modification. Vous pouvez même fournir une case à cocher à côté de chaque ligne pour les lignes "d'enregistrement par lots".

2
Kashyap

Vous devriez probablement avoir une zone de texte distincte qui modifie les éléments plutôt que de taper directement l'élément. Cela facilitera la compréhension du fait que vous pouvez sélectionner deux (ou plus) éléments en même temps.

Si vous sélectionnez un élément, son texte doit être affiché dans la zone de texte séparée. Si vous sélectionnez deux (ou plusieurs) éléments, la zone de texte peut afficher "" ou similaire. Ce que vous tapez dans la zone de texte lorsque plusieurs éléments sont sélectionnés est ce qui entre dans chaque élément.

Avoir un bouton "Ok" et "Annuler" afin que l'utilisateur puisse soit procéder aux modifications - soit, du point de vue des utilisateurs, supprimer en toute sécurité toutes les modifications en appuyant sur "annuler" (mieux que de ne pas simplement appuyer sur "Ok") .

0
Henrik Ekblom