Как делать поиски в таблице применяя формат?

В настоящее время я использую plug-in DatTables, чтобы создавать таблицу с контролем, взаимодействием и остальными характеристиками, которые мне поставляет plug-in.

В документации говорят, что, чтобы реализовывать поиски, назначенный по умолчанию plug-in делает поиски на Datasource что прошел с ним в момент создания Таблицы в browser, и это мне кажется совершенным, проблема, - в котором вещь - данные, которых перемещают его в Datasource, и другая формат, с которым он появляется Datasource в клиента.

Я объясняюсь, для типов дата проходит следующего способа /Date(1448558527000)/ но клиент видит 26/11/2015 12:21:31.

В этом порядке идей, случается, что в момент делания поисков по номеру 70 будет находиться следующее совпадение:

26/11/2015 12:21:31

Это, из-за которого в Datasource ищи:

/Date(144855852 70 00)/

Это производит путаницу в пользователя и у него есть весь разум, сказав, что фильтр "не функционирует" но если оно функционирует, что не совпадает, наше Datasource с форматом, который видит клиент в browser.

Кто-то знает, как я могу делать для того, чтобы этот фильтр сделал поиски форматируя вышеупомянутую информацию?

Или какую идею они продолжат за мной для этой проблемы?

5
задан 31.05.2017, 20:32
1 ответ

Один из выборов, которые ты можешь реализовывать, - следующий:

Создавать твой собственный неудар в лунку поисков, ты прячешь dataTable, и посредством события keyup получать стоимость неудара в лунку, давать ему тот же формат, что и формат datasource и реализовывать поиски.

Первое из-за того, что реализует, состоит в том, чтобы прятать неудар в лунку dataTable посредством CSS:

.dataTables_filter { display: none; }

Также возможно дезактивировать посредством кода:

$('#example').DataTable({ searching: false });

Но если ты это реализуешь, ты не можешь реализовывать поиски, так что лучший выбор состоит в том, чтобы прятать это посредством CSS.

Потом ты создаешь неудар в лунку:

<input type="text" id="txt" value="" placeholder="buscar" />

И только тебе остается реализовывать функцию поисков:

$(document).ready(function() {
  $('#example').DataTable();

  oTable = $('#example').DataTable();
  $('#txt').keyup(function() {
    var valorBuscar = $(this).val(); // Acá formateas el valor del date de búsqueda o que quieras al formato del datasource
    oTable.search(valorBuscar).draw();
  })

});

Другой выбор, который у тебя есть, состоит в том, чтобы исследовать немного больше на признаках data-* HTML5, я оставляю тебе соединение: DataTables признаки восходит

Я оставляю тебе кроме того простой пример, который я реализовал: Пример

3
ответ дан 01.12.2019, 08:12