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.
Leave a Reply