Excel come il filtro in jqgrid

Question

Sono nuovo di jquery e jqGrid. Ci sto lavorando. Ho bisogno di qualcuno che mi aiuti in JqGrid che ho bisogno di un filtro per le intestazioni in jqGrid. Lo cerco quando ho trovato uno demo fatto da Oleg. Ma ho bisogno di una casella di controllo quando seleziono i valori di ricerca casella di controllo devono essere filtrati proprio come filtro di Excel. Per favore aiutatemi qualcuno.

Anche io trovo il implementation ma questo non funziona per me. Per favore aiutatemi in esso, come ho bisogno male.

Grazie in anticipo

Answer 1

che non mi piacciono parole come "Excel come il filtraggio" perché tutti lo interpreta in modo diverso. Quindi devo rispondere nel modo in cui lo interpreto.

Penso che dovresti usare l'interfaccia utente jQuery MultiSelect Widget scritta da Eric Hynds. Ho scritto alcune risposte e demo prima di mostrare come usarlo.

mostra come utilizzare jQuery UI MultiSelect Widget insieme a toolbar searching per implementare "Excel come filtro".

Tra l'altro è possibile costruire l'elenco dei valori visualizzati dal widget di selezione multipla in modo dinamico, come i valori di jQuery UI di completamento automatico in the answer.

Un'altra risposte (this e this) con i corrispondenti demo (this e this) mostra come utilizzare il widget per la modifica.

AGGIORNATO: The updated demo utilizza jqGrid 4.4.1, 1.8.24 jQuery UI e jQuery 1.8.2 e la corrente (versione 1.13.6 dal 29.09.2012) versione di jQuery UI Multiselect scaricato da github.

AGGIORNAMENTO 2: The answer contiene beforeClear callback di filterToolbar che è richiesto in caso di utilizzo pulsante "Aggiorna". La risposta contiene la demo aggiornata che utilizza jqGrid 4.6.0.