如何实现表行的自由移动和保存表格行顺序的功能

Question

<script>
function MoveUp(e)
{
var a=e;
while (a.tagName!="TD")
a=a.parentElement;
line=a.parentElement.rowIndex;
if (line>1)
dgMyAspiration.rows[line].swapNode(dgMyAspiration.rows[line-1]);
ShowSequence();
}
function MoveDown(e)
{
var a=e;
while (a.tagName!="TD")
a=a.parentElement;
line=a.parentElement.rowIndex;
if (dgMyAspiration.rows[line+1]!=null)
dgMyAspiration.rows[line].swapNode(dgMyAspiration.rows[line+1]);
ShowSequence();
}
function ShowSequence()
{
document.all.tbNewSequence.value ="";
var rows=dgMyAspiration.rows ;
for (i=1;i<dgMyAspiration.rows.length ;i++)
document.all.tbNewSequence.value +=dgMyAspiration.rows[i].cells[1].innerText+",";
for (i=1;i<dgMyAspiration.rows.length ;i++)
dgMyAspiration.rows[i].cells[0].innerText=i;
}
</script>
---------
<asp:TemplateColumn HeaderText="移动">
<ItemStyle Wrap="False"></ItemStyle>
<ItemTemplate>
<a href="#" onclick='MoveUp(this.parentNode);return false;'>↑</a> <a href="#" onclick='MoveDown(this);return false;'>
↓</a>
</ItemTemplate>
</asp:TemplateColumn>
-------------