2009-05-08 6 views
2

tablesorter filter 플러그인과 페어링 된 tablesorter jquery 플러그인을 사용하고 있습니다.jquery tablesorter 필터 플러그인

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

지금까지 내가과 같이 선택 상자에 이벤트를 첨부 :

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

과 같이 핸들러와이 올바르게 필터 열에 대한 기본 값을 설정 않습니다

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

하지만, 필터가 발생하면 실제로 그 값을 사용하지 않습니다. 플러그인을 사용하면 필터링 된 열을 생성시에만 설정할 수 있습니다. 아니면 내 jquery의 newbiness는 내가 뒤집어해야하는 데이터 비트를 얻는 방법을 알아낼 수 없습니다.

+0

같은 문제. 필자는 모든 HTML, JS 및 참조를 포함한 간결한 예제가 필사적으로 있었으면 좋겠다. 이것은 악몽이다. –

+0

@ScottBeeson 내 [tablesorter 포크] (http://mottie.github.io/tablesorter/docs/)를 사용해보십시오. 'filter widget '(http://mottie.github.io/tablesorter/docs/example-widget-filter.html)에서'filter_onlyAvail' 옵션을 체크 아웃 할 수 있습니다. – Mottie

답변

0

이것은 내가 원하는 것을 무차별 한 방식으로 가지고있다. 더 나은 솔루션을 찾고 있습니다.

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]; 
    } 
} 
0

내가 같은 문제가 없었다. 선택 상자의 변경 이벤트에서 페이지를 새로 고침하면 문제가 해결됩니다.

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

function refreshPage(){ 
     location.reload(); 
} 
관련 문제