如何在php代码点火器中更改后获得表的td id val

Question

问题是每当im拖动&将td放在第一位并替换为另一位我收到了jquery中的替换id。但问题是如何在php代码点火器中获得替换td id值。我只需要如果表的任何td已经被交换，那么我应该knw哪一个被替换，并将该id放入我的php代码点火器的控制器类中。提前谢谢。

$(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，也可以接收警报，但我只想在php代码点火器的控制器中获得更改后的每个td值提前谢谢。

Answer 1

您需要了解客户端代码和服务器端代码之间的区别。您在Javascript中执行的操作不能传递给原始Codeigniter脚本，因为该脚本已经执行。

为了回调Codeigniter，您需要使用Ajax，尤其是jQuery的Ajax函数，因为您似乎正在使用它。

这是一个复杂的主题，您应该详细研究它，以确保您了解服务器端和客户端之间的区别，它们何时发生以及如何交互。如果你想要一个更快速的&这篇来自IBM的文章在谈到Ajax、jQuery和CodeIgniter时显得非常完美。