Lascapi.fr

Menu

AngularJS : focus automatique dans un tableau

Comment gérer le focus des éléments d’un tableau de manière automatique avec AngularJs ? Mes recherches brute.

Contrainte : il y a des groupes de lignes et des lignes. Il y a donc besoin de deux autofocus différents. Et lors de la suppression d’une ligne par exemple, le focus doit rester dans la même colonne.

  • ngFocus permet d’exécuter une expression quand le focus arrive sur l’élèment,
  • $watch exécute une fonction quand la valeur d’une variable change,
  • L’attribut autofocus de <input> indique que le champ doit recevoir le focus lorsque le chargement de la page est terminé,
  • Un autofocus.js qui permet d’ajouter un attribut directement dans le html,
  • la fonction focus() de javascript

On peut utiliser autofocus="true" ou la version autofocus.js pour la création de groupe et de ligne.

Pour le changement de ligne sélectionné on peut utiliser la fonction focus() qui pointe vers un élément récupéré avec :
document.getElementsByName(nameElementFocused)[0]
Notez qu’on récupère le premier élément de la liste, même si celle-ci doit en théorie n’en contenir qu’un si les noms sont uniques.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.