2012-11-13 2 views
0

필자는 그리드에서 필터 컨트롤 (예 : 텍스트 상자, 체크 상자, 드롭 다운 상자)을 표시해야하는 요구 사항이 있습니다. 여기 샘플 이미지입니다. enter image description here필터 툴바를 2 줄로 표시하는 방법은 무엇입니까?

현재 데이터 테이블 플러그인을 사용하고 있습니다. 이것으로부터 단 하나의 필터 제어 열이 추가되지만 열마다 두 개 이상의 제어가 필요합니다.

데이터 테이블 플러그인을 사용하여 달성 할 수 있는지 알려주십시오. 또는 다른 플러그인을 사용할 수 있는지 알려 주시기 바랍니다.

나는 또한 jqgrid, jqxgrid를 탐구했다. 모든 플러그인처럼 열당 하나의 필터 컨트롤을 보여줍니다.

감사

+1

열에 여러 개의 필터가 필요한 이유를 설명해야합니다. 따라서 지침을 따르십시오. –

+0

좋아요, 몇 개의 열에서 우리는 입력란에 텍스트를 입력 할 수있는 검색 창을 만들 것입니다 (하단 행에 있음). 사용자는 {contains, startswith, endswith, exact}와 같은 옵션을 선택할 수 있습니다. 드롭 다운 (상단 행에 있음) – niran

+0

@niran -이 모든 기능은 고급 검색 기능을 통해 제공됩니다. 업데이트 된 답변을 참조하십시오. 그게 전혀 도움이 되나요? –

답변

1

있는 jqGrid 필터의 두 번째 행을 지원하지 않습니다,하지만 당신은 같은 일을 달성 할 수 있습니다 고급 검색 가지고 :

enter image description here

여기에서 당신이 + 버튼을 사용할 수 있습니다 여러 필터 기준을 추가합니다. 예를 들어 Inv No == 1 또는 Inv No == 2으로 검색 할 수 있습니다. 이것은 필터 툴바의 두 행을 달성하는 것을 달성하지만, AND/OR, 필요한만큼의 기준 등을 지정할 수있는 능력을 갖추고 있습니다. UI는 예제보다 복잡 할 수 있지만 고급 검색은 그러한 절충을 필요로합니다 .

Searching | Complex search에서 온라인 데모 라이브를 볼 수 있습니다.

어쨌든 자세한 내용은 documentation을 참조하십시오.

관련 문제