表格行的移动和排序(含GridView)

 

//使表格行上移，接收参数为链接对象

function moveUp(_a){

 //通过链接对象获取表格行的引用

 var _row=_a.parentNode.parentNode;

 //如果不是第一行，则与上一行交换顺序

 if(_row.previousSibling)

 {

 if(_row.rowIndex>=2) 

 swapNode(_row,_row.previousSibling);

 }

 

}

//使表格行下移，接收参数为链接对象

function moveDown(_a){

 //通过链接对象获取表格行的引用

 var _row=_a.parentNode.parentNode;

 //如果不是最后一行，则与下一行交换顺序

var gridview1=document.getElementById("<%=GridView1.ClientID%>");

var  rowCount  =  gridview1.rows.length;    

 if(_row.nextSibling)//swapNode(_row,_row.nextSibling);

{

if(_row.rowIndex<rowCount)swapNode(_row,_row.nextSibling);

 }

 

}

//定义通用的函数交换两个结点的位置

function swapNode(node1,node2){

 //获取父结点

 var _parent=node1.parentNode;

 //获取两个结点的相对位置

 var _t1=node1.nextSibling;

 var _t2=node2.nextSibling;

 //将node2插入到原来node1的位置

 if(_t1)

 _parent.insertBefore(node2,_t1);

 else 

 _parent.appendChild(node2);

 

 //将node1插入到原来node2的位置

 if(_t2)

 _parent.insertBefore(node1,_t2);

 else 

 _parent.appendChild(node1);

 

}

 

 

 

在页面使用：GridView1.Rows[i].Cells[j].Text = "<a href=/"javascript:void(0)/" οnclick=/"moveUp(this)/"  id=/"moveUp/"><img src=/"../images/p2.gif/" alt=/"/" border=0 /></a> <a href=/"javascript:void(0)/" οnclick=/"moveDown(this)/"  id=/"moveDown/"><img src=/"../images/p1.gif/" alt=/"/" border=0 /></a>";