dataTable search [필터 플러그인]이 변경 될 때까지 작동하지 않습니다.

Question

이것은 이상한 질문입니다. 그러나이 요구 사항은 드롭 다운 목록을 사용하여 선택한 표 안의 값만 표시하기 때문에 dataTable 플러그인을 사용하여 표시했습니다. 이 데이터와 필자는 [필터 플러그인] 기능을 사용하여 요구 사항을 충족했습니다. 그래서 드롭 다운 목록에서 값을 선택할 때마다 dataTable의 검색 입력 태그에 값을 입력했습니다. 그러나 추가 된 데이터를 직접 변경하지 않으면 데이터 필터링이 수행되지 않습니다.

DataTable의 검색 상자에 선택한 값을 추가하려면 다음 스크립트를 사용하십시오. 이 기능은 HTML 태그에 onchange를 사용하여 트리거 방식입니다 :

function changeService(val) { 
    var service = val; 

    $('#example_filter').find('input').val(service); 
} 

이 기능은 필요한 검색 입력 태그의 값을 추가합니다 - 나는 텍스트 상자의 값을 볼 수 있습니다; 그래서 때를

http://datatables.net/api#fnFilter

:이 변경할 때까지하지만, 데이터 테이블 내의 데이터는

Answer 1

대신 UI를 주위에 해킹 시도의 이유에 대한 DataTables API를 사용하지 ... 필터링되지 드롭 다운 목록이 변경되면 데이터 테이블에서 fnFilter 함수를 호출 할 수 있습니다.

$('#dropdownlist').on('change', function() { 
    var val = $(this).val(); 

    var dataTable = $('#table').dataTable(); 
    dataTable.fnFilter(val); 
});