Discussion :

[Wells]

Bonjour, je souhaite utiliser un plugin jquery dans mon fchier ts.

J'ai importé la librairie et installer ce qu'il fallait dans le json:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
            "scripts": [
				"node_modules/jquery/dist/jquery.min.js",
				"node_modules/tablesorter/dist/js/jquery.tablesorter.min.js",
			  ],

Du coté composant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
import * as $ from "jquery";
window['$'] = window['jQuery'] = $;
 
    ngAfterViewInit() 
		{
		$('TABLE').tablesorter({sortList: [[6, 0]],widthFixed: true});
		 }

le $ semble bien reconnu. Pour pouvoir compiler j'ajoute une interface :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

interface JQuery {  tablesorter(options?: any): any;}

A ce stade le compilateur ne retourne plus d'erreur . Mais ma page elle si!! :

ERROR TypeError: jquery__WEBPACK_IMPORTED_MODULE_2__(...).tablesorter is not a function

J'avoue que je sèche un peu la ^^

Si qq'un voit ou est le soucis je suis preneur.

[krakatoa]

au lieu de l'import jquery

essais ça à la palace :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

declare var $ : any;

[Wells]

Effectivement, c'etait tout bête.

Du coup, plus d'erreur mais mon tableau n'est tjs pas triable.

En fait la fonction tablesorter se produit AVANT que le tableau soit bind. Ça se voit facilement si j'ajoute un alert().

Comment exécuter une fonction avec le chargement de mon tableau html (lui même basé sur une variable interne du component) ?

[krakatoa]

en premier, essaye dans ngOnInit()
sinon dans le constructeur.

[Wells]

Aprés qq test j'ai mis dans ngAfterContentInit. Ça semble fonctionner. Mais ca tri rien.

Les class tablesorter ont bien étaient ajoutées au tableau, quand je clic il se passe bien des choses, mais rien ne bouge.

Peut être une incompatibilité avec ce plugin. si qq'un l'utilise je suis preneur d'idées ^^

PS: ca marche avec le même tableau généré en PHP

[krakatoa]

si tu peux mettre cette partie du projet sur stackblitz
ainsi je pourrai regarder ça

ça devrait fonctionner, il n'y a pas de raison de blocage

[Wells]

effectivement ca marche, c'est le jquery en lui même qui ne semble pas compatible