установить значение по умолчанию для столбца фильтра данных jquery и выполнить начальную фильтрацию при загрузке страницы - PullRequest
Новая
       5

установить значение по умолчанию для столбца фильтра данных jquery и выполнить начальную фильтрацию при загрузке страницы

0 голосов
/ 27 января 2020

Я пытаюсь выполнить начальную фильтрацию для моей таблицы данных, где процесс должен фильтровать и показывать данные, которые были созданы при входе в систему. Используя Jquery datatable, я инициализировал его, как показано ниже: 

$('#datatable').dataTable( {
  "oSearch": {"sSearch": $('#mytext').val() }
} );

, поэтому я попытался реализовать его в своем коде: 

<!-- JS files -->
<script type="text/javascript" src="static/js/datatable.min.js"></script>

<!-- Add the following if you want to use the jQuery wrapper (you still need datatable.min.js): -->
<script type="text/javascript" src="static/js/datatable.jquery.min.js"></script>
<script>
  var tableFirst = $('#filetbl').datatable({
    pageSize: 1000,
    sort: [true, true, true, true, true, true, true, true, true, true, true, true, true],
    filters: [false, false, 'input', 'select', 'select', 'select', 'select', 'select', 'select', 'select', 'select', 'select', false],
    filterText: '検索',
  });

  $(document).ready(function() {
    $("select[data-filter='10']").val(loginuser);
    $('#filetbl').dataTable( {
      "oSearch": {"sSearch": loginuser }
    } );
  });
</script>

и вот мой код HTML: 

<table id="filetbl" class="table table-hover table-sm">
          <thead style="background-color: #666666;color:#FFF;font-weight: bold; ">
            <tr>
              <td>-</td>
              <td>実験ID</td>
              <td>実験名</td>
              <td>機種</td>
              <td>号機</td>
              <td>フェーズ</td>
              <td>紙種</td>
              <td>温度</td>
              <td>湿度</td>
              <td>登録日</td>
              <td>担当</td>
              <td>バージョン</td>
              <td>操作</td>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>

но в моем событии готовности документа эта ошибка всегда возникала

Uncaught TypeError: $ (...). DataTable не является функцией

Кто-нибудь знает, в чем причина ошибки? Я думаю, что обычно это означает, что я не включил расширение JS в свой код, но, как вы можете видеть, я уже сделал это. Может кто-нибудь знает, что пошло не так или, пожалуйста, поделитесь любым учебником.

1 Ответ

0 голосов
/ 27 января 2020

Я думаю, что при инициализации с датой произошла ошибка

, это должно быть:

$ ('# myTable'). DataTable ();

...