2012-10-13 4 views
5

Ich bin neu in jquery und jqGrid. Ich habe Probleme damit. Ich brauche jemanden, der mir im JqGrid hilft, dass ich einen Filterkopf im jqGrid brauche. Ich suche danach, als ich eine demo von Oleg gefunden habe. Aber ich brauche Checkbox, wenn ich auf Checkbox suche Werte müssen genau wie Excel Filtering gefiltert werden. Bitte helfen Sie mir jemanden.Excel wie Filterung in jqgrid

Auch ich finde die implementation, aber das funktioniert nicht für mich.Bitte helfen Sie mir darin, da ich es dringend brauche.

Vielen Dank im Voraus

Antwort

18

I „wie Filterung Excel“ Worte wie mag es nicht, weil jeder es auf unterschiedliche Weise interpretiert. Ich muss also so antworten, wie ich es interpretiere.

Ich denke, dass Sie jQuery UI MultiSelect Widget geschrieben von Eric Hynds verwenden sollten. Ich habe einige Antworten und Demos geschrieben, die zeigen, wie man es benutzt.

The demo zeigt, wie Sie jQuery UI MultiSelect Widget zusammen mit toolbar searching verwenden, um "Excel wie Filterung" zu implementieren.

enter image description here

Durch die Art und Weise Sie die Liste der Werte, die durch die Mehrfachauswahl-Widget wie die Werte von jQuery UI automatische Vervollständigung in the answer dynamisch angezeigt aufbauen können.

Weitere Antworten (this und this) mit den entsprechenden Demos (this und this) zeigen, wie das Widget für die Bearbeitung verwenden.

AKTUALISIERT: The updated demo verwendet jqGrid 4.4.1, jQuery UI 1.8.24 und jQuery 1.8.2 und die aktuelle (Version 1.13.6 von 29.09.2012) Version von jQuery UI Multiselect von github heruntergeladen.

AKTUALISIERT 2: The answerbeforeClear Rückruf von filterToolbar enthält, die im Falle der Nutzung Schaltfläche „Aktualisieren“ erforderlich ist. Die Antwort enthält die aktualisierte Demo, die jqGrid 4.6.0 verwendet.

+1

@ user1268130 Ich postete die Demo, die auf die aktuelle Version von jqgrid aktualisiert wird: siehe ** AKTUALISIERT ** Teil meiner Antwort. – Oleg

+0

Wo können wir Ihren Demo-Quellcode sehen? – Mohammad

+0

@Mohammad: die Demos von meiner Antwort enthält vollständigen JavaScript-Code innerhalb der HTML-Seite. Sie müssen also die Demo in jedem Webbrowser öffnen. Dann können Sie das Kontextmenü öffnen, indem Sie mit der rechten Maustaste klicken und den Eintrag "Seitenquelle anzeigen" auswählen. – Oleg