Catégories
Développement

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.

Par Pascal Isman

Humain et Toulousain
Concepteur multimédia et Développeur
Fait des cookies maisons

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.