jQuery 테이블 포트 필터 플러그인

Question

나는 그것을 사용하고있다 테이블 리터 jQuery 플러그인은 이것과 짝을 이룹니다 테이블 포트 필터 플러그인.

내 페이지에 내 테이블의 모든 열 목록이 포함 된 선택된 상자가 있습니다. 사용자가 선택할 때 필터를 선택한 열로 만 제한 할 수 있기를 원합니다.

지금까지 나는 다음과 같은 선정 상자에 이벤트를 첨부했습니다.

$('#SelectedColumn').bind("change", columnSelected);

그런 핸들러와 함께 :

function columnSelected() {
  var selected = $(this).val();
  $.tablesorterFilter.defaults.filterColumns = [selected];
}

필터 열의 기본값을 올바르게 설정하지만 필터가 발생하면 실제로 해당 값을 사용하지 않습니다. 플러그인을 사용하면 시공시 필터링 된 열만 설정할 수 있습니다. 또는 내 jQuery Newbiness는 내가 뒤집는 데 필요한 약간의 데이터를 얻는 방법을 알아낼 수 없습니다.

Answer 1

이것은 내가 원하는 것을 무차별 한 힘으로 얻었습니다. 여전히 더 나은 솔루션을 찾고 있습니다.

function columnSelected() {
  var selected = $(this).val();
  $('#GoToTextBox').val('').focus();
  if (selected == 'Any') {
    $table.get(0).config.filter[0].filterColumns = null;
  } else {
    $table.get(0).config.filter[0].filterColumns = [selected];
  }
}

Answer 2

Width jfilterSelect TableSter의 필터를 작동합니다.

http://www.jordigirones.com/131-filtros-desplegables-con-tablesterter.html

Answer 3

나는 같은 문제가 있었다. Select Box의 변경 이벤트에서는 페이지를 다시로드하면 문제가 해결됩니다.

<select name="search" id="search" onchange="refreshPage()" >

function refreshPage(){
        location.reload();
}