edit.cfm

<table id="menu-sortable" rel="#params.key#" class="table table-condensed">
	<thead>
		<tr>
			<th width=25></th>
			<th>ID</th>
			<th>Name</th> 
		</tr>
	</thead>
	<tbody>
	<cfloop query="allitems">
		<tr>
			<!--- Drag Handle --->
			<td><i class="fa fa-arrows"></i></td>
			<!--- ID --->
			<td class="sortorder">#id#</td>
			<!--- Name --->
			<td>#name</td> 
		</tr>
	</cfloop>
</tbody>
</table>

js

// Sortable menu items
$("#menu-sortable > tbody").sortable({
	items: "tr",
	axis: 'y',
	placeholder: ".bg-warning",
	handle: ".fa-arrows",
	forcePlaceholderSize: true,   opacity: 0.7,  revert: true,
	tolerance: "pointer",
	cursor: "move",
	stop: function() {
	$.ajax({
		type: "POST",
		url: "/admin/menus/updatesortorder?format=json",
		data: {
			menuid: $("#menu-sortable").attr("rel"),
			neworder: calcOrder
		}
	})
	}
}).disableSelection();

/* Gets all td's of class sortorder and gets the values of id, returning and array */
function calcOrder(){
	var orderarray=[];
	$("#menu-sortable tbody").find("tr").each(function(){
		var order=$(this).find(".sortorder").html();
		orderarray.push(order);
	});
	return orderarray;
}

Menus.cfc

public function updatesortorder(){
	if(isAjax()){
		params.neworder=replace(params.neworder, "[", "all");
		params.neworder=replace(params.neworder, "]", "all");
		if(structKeyExists(params, "menuid") AND structKeyExists(params, "neworder")){
			for (i=1;i<=listlen(params.neworder);i++) {
				item=model("menuitem").updateOne(where="id=#listGetAt(params.neworder, i)#", sortorder=i);
			}
			renderText("#params.neworder# Sortorder updated");
		}
	}
}