Ajout d'une ligne d'en-tête de filtre à ExtJS GridPanel

Question

Je sais qu'il est possible d'ajouter une ligne de filtre SOUS le titre de la colonne parce que je l'ai vu avec Coolite. Mais depuis que je suis un débutant total avec Sencha (ExtJS), j'ai du mal à trouver comment le faire avec le ExtJS.grid.GridPanel directement dans le script. Souhaitez-vous me pointer dans la bonne direction avec quelques échantillons s'il vous plaît?

Si possible, je voudrais le faire sans plugins, mais s'il y en a un qui fonctionne très bien, je pourrais changer d'avis.

Merci!

Answer 1

Ici vous avez un lien vers le GridHeaderFilters Plugin. Là, vous avez un exemple simple de la façon de l'utiliser.

Et concernant votre commentaire sur essayer de le faire sans un plugin, je vous recommande de ne pas le faire. Parce que cela peut sembler un code facile à écrire mais je crois que ce n'est pas le cas. Et c'est pourquoi ce plugin a des centaines de lignes. Je pense que ce n'est pas un plugin plein de fonctionnalités que vous n'utiliserez pas, ce plugin fait juste le filtrage comme vous en avez besoin.

Et pour finir, si vous attendez exactement le même comportement que dans this coolite example je pense que vous n'avez pas de chance. Parce que si vous obtenez le code source javascript de cet exemple et l'exécutez à jsbeautifier, vous verrez que cet exemple n'utilise aucun plugin ExtJS et n'est pas un code facile, car il utilise un modèle très complexe pour les en-têtes.