Пользовательская сортировка jQuery Tablesorter не работает - PullRequest
Новая
       17

Пользовательская сортировка jQuery Tablesorter не работает

1 голос
/ 19 марта 2019

Я использую библиотеку Tablesorter на основе jQuery на веб-сайте на основе Django. Я пытаюсь отсортировать столбец «Pos» в моей таблице в соответствии с пользовательским порядком, который я устанавливаю в функции Parser. Я пробовал следовать нескольким статьям (включая эту и другую ), но она по-прежнему сортируется только по алфавиту.

Как это ведет себя ...

  • При загрузке страницы нажатие на столбец Pos не меняет порядок, но циклически перемещается по маленькому значку вверх / вниз
  • Сортировка по столбцу Имя (работает), затем нажатие на Pos возвращает его к тому, как оно было отсортировано при загрузке страницы

JS 

<script>
  $(document).ready(function() {
    //Disable sorting on specified columns
    $("#fullTable thead th:eq(3)").data("sorter", false); //Monday
    $("#fullTable thead th:eq(4)").data("sorter", false); //Tuesday
    $("#fullTable thead th:eq(5)").data("sorter", false); //Wednesday
    $("#fullTable thead th:eq(6)").data("sorter", false); //you get the idea...
    $("#fullTable thead th:eq(7)").data("sorter", false);
    $("#fullTable thead th:eq(8)").data("sorter", false);
    $("#fullTable thead th:eq(9)").data("sorter", false);
    $("#fullTable thead th:eq(10)").data("sorter", false); //Sunday

    $.tablesorter.addParser({
      // set a unique id
      id: 'positions',
      is: function(s) {
          // return false so this parser is not auto detected
          return false;
      },
      format: function(s) {
          // format your data for normalization
          return s.toLowerCase()
              .replace(/A/, 0)
              .replace(/E2/, 1)
              .replace(/E1/, 2)
              .replace(/C2/, 3)
              .replace(/C1/, 4)
              .replace(/SC/, 5)
              .replace(/PC/, 6)
              .replace(/AD/, 7);
      },
      // set type, either numeric or text
      type: 'numeric'
    });

    $("#fullTable").tablesorter({
      cancelSelection: true,
      sortReset: true
    });
  });
</script>

HTML 

<div class="mainTableContainer" style="overflow-x:scroll; overflow-y:hidden; width:fit-content; width:-moz-fit-content; height:auto; display:inline-block;">
      <table id='fullTable' class="newtable tablesorter" border="1" alt="Staff Entry table" > <!--PABSO-278-->
        <thead style="border: 1px solid black">
          <tr>
            <th><div style="width:100px">Week</div></th>
            <th><div style="width:200px">Name</div></th>
            <th class="sorter-positions"><div style="width:50px">Pos</div></th>
            <th><div style="width:200px">Monday</div></th>
            <th><div style="width:200px">Tuesday</div></th>
            <th><div style="width:200px">Wednesday</div></th>
            <th><div style="width:200px">Thursday</div></th>
            <th><div style="width:200px">Friday</div></th>
            <th><div style="width:200px">Saturday</div></th>
            <th><div style="width:200px">Sunday</div></th>
          </tr>
        </thead>

Любая помощь будет очень признательна!

1 Ответ

0 голосов
/ 20 марта 2019

Коллеги указал на мою глупую ошибку: 

format: function(s) {
      // format your data for normalization
      return s.toLowerCase()
          .replace(/A/, 0)
          .replace(/E2/, 1)
          .replace(/E1/, 2)
          .replace(/C2/, 3)
          .replace(/C1/, 4)
          .replace(/SC/, 5)
          .replace(/PC/, 6)
          .replace(/AD/, 7);
  },

Я анализирую данные таблицы .toLowerCase ().Поэтому, когда вызовы .replace () выполняются в поисках значений в верхнем регистре, ничего не найдено!

...