Currently, the Image Reorderer has a default afterMove event listener that takes care of updating the image order correctly for a form-based style of communicating with the server. It is intended to automatically POST the order back to the server after each move.

However, there is a bug in the code that causes it to never be invoked. The code tries to assign the event listener to the options.afterMoveCallback member, which is no longer supported by the Reorderer (and hasn't been since about Infusion 0.6 or so).

The fix is simple and will be included in Infusion 1.2. In the meantime, there are straightforward workarounds. Try this:

var url; // Put the URL you want to POST the order back to here.

fluid.reorderer("#gallery", {
listeners: {
afterMove: function (imageMoved, position, allImages) {
images.each(function (idx, image)

{ jQuery(image).children("input").val(idx); }

);

var imageOrder = jQuery("#reorder-form").serialize();
jQuery.ajax({
type: "POST",
url: url,
data: imageOrder,
complete: function (data, ajaxStatus)

{ // Handle success or failure by being nice to the user. }

});
}
}
});