Проблема Tablesorter - PullRequest
Новая
       45

Проблема Tablesorter

1 голос
/ 18 марта 2020

Я использую tableorter с javascript, который автоматически отправляет форму, когда пользователь нажимает на строку в таблице. Все хорошо работает при первоначальном представлении таблицы, пока пользователь не отсортирует таблицу в новую последовательность, используя стрелки столбцов. В этот момент javascript больше не выполняется, то есть он больше не будет автоматически отправлять форму, пока пользователь не обновит страницу. Я полностью в неведении, пытаясь заставить его работать.

Вот сценарий: 

<script type="text/javascript">
$(function(){
$('.trclass').click(function()
{
  alert("test called");
  var serviceID = this.id;
  alert("serviceID :: " + serviceID);
  document.getElementById("xID").value = serviceID;
  document.getElementById("hiddenForm").submit();
});
});
</script>

И форма, которую он представляет: 

<form id="hiddenForm" method="post" action="xxxxxxxxxx.php">
<input type="hidden" name="csrf_token" value="XXgeneratedToken"/>
<input type="hidden" name="userid" value="XXuserid"/>
<input type="hidden" name="typeAction" value="edit"/>
<input id="xID" type="hidden" name="ID" value=""/>
<input type="hidden" name="phase" value="1"/>
</form>

И сортируемая таблица: 

<tr height="10px" class="trclass" id="XXID">
<td style="width: 70px;">XXTitle</td>
<td style="width: 70px;">XXLast</td>
<td style="width: 70px;">XXFirst</td>
<td style="width: 70px;">XXPhone</td>
<td style="width: 70px;">XXEmailAddr</td>
<td style="width: 70px;">XXOptOut</td>
<td style="width: 70px;">XXAdmin</td>
<td style="width: 70px;">XXpg1</td>
<td style="width: 70px;">XXpg2</td>
<td style="width: 70px;">XXpg3</td>
<td style="width: 70px;">XXpg4</td>
<td style="width: 70px;">XXStatus</td>
<td style="width: 70px;">XXID</td>
</tr>

и заголовок: 

<th style="width: 70px;">Title</th>
<th style="width: 70px;">Last</th>
<th style="width: 70px;">First</th>
<th style="width: 70px;">Phone</th>
<th style="width: 70px;">Email</th>
<th style="width: 70px;">OptOut</th>
<th style="width: 70px;">Admin</th>
<th style="width: 70px;">Group 1</th>
<th style="width: 70px;">Group 2</th>
<th style="width: 70px;">Group 3</th>
<th style="width: 70px;">Group 4</th>
<th style="width: 70px;">Status</th>
<th style="width: 70px;">ID</th>

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

...