JQuery DataTables.Как получить отфильтрованные (видимые) строки

Question

У меня есть кнопка, которая применяет фильтр к jquery datatable

$("#buttonFilter").button().click(function() {
                if (lboxColor.val() != null) {
                    jqTable.fnFilter($("option:selected", lboxColor).text(), 1);
                }
            });

Это показывает, например, 47 строк из 60. Я пробовал .fnGetData () и fnGetNodes (), но показывает все строки, ноне фильтруетсяКак я могу получить 47 строк?

Answer 1

Я искал около часа, для тех, кто использует DataTables 1.10+, если вы хотите получить отфильтрованные (лучше термин: "искали") строки:

var table = $('.table').DataTable({...});

function selectOnlyFiltered(){
   var filteredRows = table.rows({filter: 'applied'});
}

Answer 2

Для таблиц данных 1.9 и более поздних версий это решение работает:

myDataTableHandle = $('#example1').dataTable(...);
...
...
var myFilteredRows = myDataTableHandle._('tr', {"filter":"applied"});

, и вам не нужно будет включать отдельный плагин API. :)

Answer 3

На всякий случай, если вам нужен набор узлов (элементов DOM), например, fngetNodes (), вы можете использовать «$» вместо «_», как это table.$('tr', {"filter":"applied"});

в «_»возвращает коллекцию TR (html элементов).

Answer 4

Для тех, кто заинтересован, это конкретный вариант использования.

/**
 * Select all the elements of the datatable which match the current user
 * search (or all if no search).
 */
function dtable_selectAll()
{
    idTable = 'myDataTable';
    var rows = $('#' + idTable).dataTable()
            .$('tr', {"filter":"applied"});
    var oTT = TableTools.fnGetInstance(idTable);
    $(rows).each(function (index, el){
        oTT.fnSelect(el);
    })
}

Надеюсь, это поможет.

Answer 5

Просто для полноты, и, как упомянул Юрий, есть "плагины", которые будут предоставлять отфильтрованные TR-узлы или данные .

. Чтобы использовать эти плагины,вам нужно будет вставить код из этих ссылок в файл скрипта.