2014-12-15 2 views
3

Dropable을 사용하여 특정 열 필터링에 대한 Datatable API에서이 가능성을 보았습니다.다중 선택 드롭 다운이있는 데이터 테이블 관련 열 필터

심판 : https://datatables.net/examples/api/multi_filter_select.html

는하지만 나를 위해, 그 다른, 나는 아래로 다중 선택 드롭과 동일한 기능을 수행 할 필요가있다. 따라서 데이터 테이블은 결과를 적절하게 표시해야합니다.

위의 링크 에서처럼 두 개의 사무실 "도쿄와 런던"을 선택할 수 없습니다. 다중 선택 플러그인 (http://harvesthq.github.io/chosen/)으로 코딩을 구현했지만 데이터 테이블에는 단 하나의 옵션 만 있습니다.

그럴 수 있습니까? 그래도 도움이된다면 도움을 청할 수 있습니다.

답변

5

길게 검색 한 결과 해결책을 찾았습니다.

사실 매우 간단했습니다. 다음은이 옵션에 대한 내 수정,

이미 아래의 링크를 따라 특정 열 바이스를 검색 할 수있는 옵션이 있었다,

http://www.datatables.net/examples/api/multi_filter.html

// DataTable 
    var table = $('#example').DataTable(); 

    // 2 is column id 
    // "India" is search string 
    table.column(2).search('India').draw(); 

So the above one will search for "India" in a specific column "2" (Say like "Country" column) 

Here i need an ability to search for more than one country like "India, Japan etc.," 

So the code will be as follows, 

     // DataTable 
     var table = $('#example').DataTable(); 

     // 2 is column id 
     // "India|Japan|Spain" is search string 
     table.column(2).search('India|Japan|Spain', true, false).draw(); 

    Updated: We need to add two more parameters in the "search()" function. 

    search(val_1,val_2,val_3) 

    where, 
    val_1 is search string with "|" symbol seperated. So it contains regular express chars as per the example. 
    val_2 is true (To enable regular express in the search) 
    val_3 is false (To disable smart search. default is true) 

참조입니다 : https://datatables.net/reference/api/search()

그래서 방금 검색 문자열 사이에 "파이프"기호가 추가되었습니다. p LOL

+0

@Nishant 답변을 업데이트했습니다. 정규 표현식을 사용하려면 검색 기능에 각각 두 번째 및 세 번째 매개 변수로 true 및 false를 추가하십시오. – Raja

+0

데이터 표의 열 아래에 하나의 드롭 다운이 있습니다. 여러 개의 값을 선택하고 검색이 이러한 새로운 값으로 작동해야하는 값을 선택하려고합니다. 여기에 귀하의 답변을 보았지만 검색 기능에 선택된 드롭 다운 벨을 매핑하는 방법을 모릅니다. 이걸 좀 도와 주실 래요? 내 질문에 대한 자세한 내용은 여기 링크를 클릭하십시오. http://stackoverflow.com/questions/41328602/how-to-select-multiple-values-in-a-drop-down-data-tables?noredirect=1#comment69860541_41328602 – sashikanta