Filtrage de type Excel dans jqgrid

Question

Je suis novice en matière de jquery et de jqGrid. J'ai besoin de quelqu'un pour m'aider dans le JqGrid que j'ai besoin d'un filtrage des en-têtes dans le jqGrid.Je l'ai cherché quand j'ai trouvé un démo réalisée par Oleg. Mais j'ai besoin d'une case à cocher lorsque je sélectionne la case à cocher, les valeurs de recherche doivent être filtrées comme dans Excel Filtering.

Même si je découvre la mise en œuvre Mais cela ne fonctionne pas pour moi S'il vous plaît, aidez-moi, car j'en ai vraiment besoin.

Merci d'avance

Answer 1

Je n'aime pas les expressions telles que "Excel comme le filtrage", car tout le monde les interprète différemment. Je dois donc répondre de la manière dont je l'interprète.

Je pense que vous devriez utiliser jQuery UI Widget MultiSelect rédigé par Eric Hynds . J'ai déjà écrit quelques réponses et démonstrations qui montrent comment l'utiliser.

La démo montre comment utiliser le widget MultiSelect de jQuery UI avec la fonction barre d'outils de recherche pour mettre en œuvre un "filtrage de type Excel".

Par ailleurs, vous pouvez construire la liste des valeurs affichées par le widget multiselect de manière dynamique comme les valeurs de l'autocomplétion de jQuery UI en la réponse .

Un autre répond ( cette y cette ) avec les démos correspondantes ( cette y cette ) montre comment utiliser le widget pour l'édition.

MISE À JOUR : La démo mise à jour utilise jqGrid 4.4.1, jQuery UI 1.8.24 et jQuery 1.8.2 et la version actuelle (version 1.13.6 du 29.09.2012) de jQuery UI Multiselect téléchargée à l'adresse suivante github .

MISE À JOUR 2 : La réponse contient beforeClear rappel de filterToolbar qui est nécessaire en cas d'utilisation du bouton "Rafraîchir". La réponse contient la démo mise à jour qui utilise jqGrid 4.6.0.