I've been playing around with the scriptaculous controls but came across difficulty with the script not firing after a partial update when embedded within an UpdatePanel.
It's worth noting that prototype.js and ASP.NET Ajax script work okay together. I understand there used to be a conflict.
Anyways, I found an obscure thread that helped me fix my problem here.
Basically you just need to hook into the Sys.WebForms.PageRequestManager's endRequest event and fire your scriptaculous script when the UpdatePanel has completed it's stuff:
<script type="text/javascript">
// <![CDATA[
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandle);
function endRequestHandle(sender, args)
{
if (args.get_error() == null)
{
if ($("photoframe"))
{
Sortable.create("photoframe", {
tag:'div',only:'photoimage',overlap:'horizontal',constraint:false,
onUpdate:function()
{
$("<%= SortOrderHiddenFieldID %>").value = Sortable.serialize("photoframe");
}
});
}
}
}
// ]]>
</script>
My custom control required having the scriptaculous script outside this script block and also within to behave all the time.
Hope this helps...
Mike