Как получить td id val таблицы после изменения в php codeigniter

Question

Проблема в том, что когда я перетаскиваю и заменяю первое место на другое Я получил этот идентификатор замены в JQuery. но проблема в том, как я могу получить это значение замены идентификатора TD в php codeigniter. Мне просто нужно, если какой-либо из таблицы td был заменен, тогда я должен знать, какая из них заменена, и получить этот идентификатор в мой класс контроллера php codeigniter. заранее спасибо.

$(document).ready(function () {

	$('tbody').addClass("DragMe");

	$('.DragMe').sortable({
		disabled: false,
		axis: 'y',
		items: "> tr:not(:first)",
		forceHelperSize: true,
		update: function (event, ui) {
			var Newpos = ui.item.index();
			var RefID = $('tr').find('td:first').html();


			//alert("Position " + Newpos + "..... RefID: " + RefID);
			$("#GridView1 tr:has(td)").each(function () {
				var RefID = $(this).find("td:eq(0)").html();
				var NewPosition = $("tr").index(this);
				alert(RefID + " " + NewPosition);
				$("#getpos").val(NewPosition);
				$("#ref").val(RefID);


			});

		}
	}).disableSelection();
});

<style type="text/css">
   .DragMe:Hover {
   cursor: move;
   }
</style>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<!-- here is my view form -->
<form method="post" action="<?php echo base_url(); ?>index.php/dragcon/drag/dragfun">
   <table class="EU_DataTable" cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;">
      <tbody>
         <tr>
            <th scope="col">Ref ID</th>
            <th scope="col">Issue relates to</th>
         </tr>
         <tr class="ui-sortable-handle">
            <td id="ref">9392</td>
            <td id="getpos">CRM</td>
         </tr>
         <tr class="ui-sortable-handle">
            <td id="ref">9394</td>
            <td id="getpos">CRM</td>
         </tr>
         <tr class="ui-sortable-handle">
            <td id="ref">9308</td>
            <td id="getpos">eMail</td>
         </tr>
         <tr class="ui-sortable-handle">
            <td id="ref">9342</td>
            <td id="getpos">Other</td>
         </tr>
         <tr class="ui-sortable-handle">
            <td id="ref">9365</td>
            <td id="getpos">CRM</td>
         </tr>
         <tr>
            <td><input type="submit" name="submit"></td>
         </tr>
      </tbody>
   </table>
</form>

Как вы видели, где я могу перетаскивать td в td таблицы, а также получать оповещения, но я просто хочу получить каждое значение td после изменения в контроллере php codeigniter заранее спасибо.

Answer 1

Вам нужно посмотреть на разницу между кодом на стороне клиента и на стороне сервера. Действие, которое вы выполняете в Javascript, нельзя передать исходному сценарию Codeigniter, так как этот сценарий уже был выполнен.

Чтобы перезвонить Codeigniter, вы хотите использовать Ajax и, в частности, функции Ajax в jQuery , поскольку вы, похоже, используете это.

Это сложная тема, и вы должны изучить ее подробно, чтобы убедиться, что вы понимаете разницу между серверной и клиентской сторонами, когда они происходят и как они взаимодействуют. Если вам нужен более быстрый и грязный подход, эта статья от IBM кажется идеальной, поскольку в ней говорится об Ajax, jQuery и CodeIgniter.