Excel jak filtrowanie w jqgrid

Question

Jestem nowy w jquery i jqGrid. Walczę z tym. Potrzebuję kogoś, kto mi pomoże w JqGrid, że potrzebuję filtrowania nagłówków w jqGrid. Szukam go, kiedy znalazłem demo zrobione przez Olega. Ale potrzebuję pola wyboru, gdy wybiorę pole wyboru, wartości wyszukiwania muszą być filtrowane tak, jak filtrowanie Excela. Proszę, pomóż mi.

Nawet ja znajduję implementation, ale to nie działa dla mnie. Proszę mi pomóc w tym, ponieważ bardzo tego potrzebuję.

Dzięki z gory

Answer 1

nie lubię takich słów jak „Excel, takich jak filtrowanie”, ponieważ każdy interpretuje to w inny sposób. Muszę więc odpowiedzieć na pytanie, jak ją interpretuję.

Myślę, że powinieneś użyć jQuery UI MultiSelect Widget napisanego przez Eric Hynds. Napisałem kilka odpowiedzi i wersji demonstracyjnych, przed którymi pokazano, jak z niego korzystać.

The demo pokazuje, jak korzystać z widgetu MultiSelect jQuery UI wraz z toolbar searching, aby zaimplementować "Excel jak filtrowanie".

Przy okazji można zbudować listę wartości wyświetlanych przez multiselect widget dynamicznie jak wartościach jQuery UI autouzupełniania w the answer.

Kolejne odpowiedzi (this i this) z odpowiednim dema (this i this) pokazuje, jak używać widżet do edycji.

AKTUALIZACJA: The updated demo wykorzystuje jqGrid 4.4.1, jQuery UI 01/08/24 i jQuery 1.8.2 i prąd (wersja 1.13.6 z 29.09.2012) wersję jQuery UI wielokrotny pobranych od github.

AKTUALIZACJA 2: The answer zawiera beforeClear oddzwanianie filterToolbar który jest wymagany w przypadku użycia „Odśwież” przycisk. Odpowiedź zawiera zaktualizowane demo, które używa jqGrid 4.6.0.