2012-10-13 4 views
5

jquery 및 jqGrid를 처음 사용합니다. 나는 그것으로 고투하고있다 .JqGrid에서 필터링 헤더가 필요하다는 것을 JqGrid에서 도와 줄 사람이 필요하다. Oleg가 수행 한 demo을 발견했을 때 그것을 찾는다. 하지만 확인란을 선택하면 확인란 검색 값을 Excel 필터링과 같이 필터링해야합니다. 누군가 도와주세요.jqgrid에서 필터링하는 것과 같은 Excel

심지어 나는 implementation을 찾았지만 그게 나에게 도움이되지 않습니다. 나쁘게 그것을 필요로 할 때 나를 도와주십시오. 모두가 다른 방법으로 그것을 해석하기 때문에 내가 "필터링과 같은 엑셀 '같은 단어를 좋아하지 않아 사전

답변

18

감사합니다. 그래서 나는 그것을 어떻게 해석하는지에 대한 대답을해야합니다.

Eric Hynds으로 작성된 MultiSelect Widget을 사용해야한다고 생각합니다. 나는 그것을 사용하는 방법을 보여주기 전에 몇 가지 답변과 데모를 썼다.

The demo은 "Excel like filtering"을 구현하기 위해 toolbar searching과 함께 jQuery UI MultiSelect Widget을 사용하는 방법을 보여줍니다. 동적 the answer에서 jQuery를 UI 자동 완성의 값과 같은 다중 선택 위젯에 의해 표시 값 목록을 만들 수있는 방법으로

enter image description here

.

해당 데모 (thisthis)의 또 다른 답변 (thisthis)가 편집을 위해 위젯을 사용하는 방법을 보여줍니다.

업데이트 : The updated demo가있는 jqGrid 4.4.1 JQuery와 UI 1.8.24 및 jQuery를 1.8.2 현재 (2012년 9월 29일에서 버전 1.13.6) jQuery를 UI 다중 선택의 버전 github 다운로드 이용한다.

업데이트] 2 : The answer은 사용의 경우 필요 filterToolbarbeforeClear 콜백을 포함 "새로 고침"단추를. 대답에는 jqGrid 4.6.0을 사용하는 업데이트 된 데모가 포함되어 있습니다.

+1

@ user1268130 jqgrid의 최신 버전으로 업데이트되는 데모를 게시했습니다. ** 업데이트 ** 부분을 참조하십시오. – Oleg

+0

데모 소스 코드는 어디서 볼 수 있습니까? – Mohammad

+0

@ 모함마드 : 내 답변의 데모는 HTML 페이지의 전체 JavaScript 코드를 포함합니다. 따라서 모든 웹 브라우저에서 데모를 열면됩니다. 그런 다음 오른쪽 마우스를 클릭하여 컨텍스트 메뉴를 열고 "페이지 소스보기"와 같은 항목을 선택할 수 있습니다. – Oleg

관련 문제