利用堆栈方式对grid进行行排序的具体操作

<!--
 all rights by Lonsan on 2005
 email:Lonsan21@163.com
-->
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=gb2312">
<title> 利用堆栈方式对grid进行行排序的具体操作</title>
<style>
body,table
{
 font-size:9pt;
}
.grid
{
 border:1 solid #6666FF;
 width:460;
}
.grid tr
{
 cursor:hand;
}
.grid td
{
 border:1 solid #6666FF;
}
</style>
<script language="javascript">
<!--
function select(tr)
{
 if(grid.selectedTr!=null)
 {
  grid.selectedTr.style.backgroundColor="";
 }

 grid.selectedTr=tr;
 tr.style.backgroundColor="#FFCC00";
}
function isselected()
{
 if(grid.selectedTr==null)
  return false;
 
 return true;
}
function push(s)
{
 if(grid.stack==null)
  grid.stack=[];
 
 grid.stack.push(s);
}
function pop()
{
 if(grid.stack==null)
  return null;
 
 return grid.stack.pop();
}
function movetop()
{
 if(!isselected()) return;

 var s=[];
 s.push(grid.selectedTr.rowIndex);
 s.push(0);
 push(s);

 grid.moveRow(grid.selectedTr.rowIndex, 0);
}
function moveup()
{
 if(!isselected()) return;

 var s=[];
 s.push(grid.selectedTr.rowIndex);
 s.push(Math.max(grid.selectedTr.rowIndex-1,0));
 push(s);

 grid.moveRow(grid.selectedTr.rowIndex, Math.max(grid.selectedTr.rowIndex-1,0));
}
function movedown()
{
 if(!isselected()) return;

 var s=[];
 s.push(grid.selectedTr.rowIndex);
 s.push(Math.min(grid.selectedTr.rowIndex+1,grid.rows.length-1));
 push(s);

 grid.moveRow(grid.selectedTr.rowIndex, Math.min(grid.selectedTr.rowIndex+1,grid.rows.length-1));
}
function movebottom()
{
 if(!isselected()) return;

 var s=[];
 s.push(grid.selectedTr.rowIndex);
 s.push(grid.rows.length-1);
 push(s);

 grid.moveRow(grid.selectedTr.rowIndex, grid.rows.length-1);
}
function cancelmove()
{
 if(grid.stack==null || grid.stack.length==0)
  return;
 
 var s=pop();
 if(s!=null)
 {
  select(grid.rows[s[1]]);
  grid.moveRow(s[1],s[0]);
 }
}
function cancelall()
{
 if(grid.stack!=null && grid.stack.length>0)
 {
  cancelmove();
  window.setTimeout(cancelall, 2000);
 }
 else if(grid.stack!=null)
 {
  alert("over!!!");
 }
}
//-->
</script>
</head>

<body>
<table id="grid" class="grid">
 <tr οnclick="select(this);">
  <td>1</td>
  <td>Lonsan21@163.com</td>
  <td>蓝山</td>
  <td>Asp.Net</td>
  <td>JS</td>
 </tr>
 <tr οnclick="select(this);">
  <td>2</td>
  <td>Lonsan21@163.com</td>
  <td>蓝山</td>
  <td>Asp.Net</td>
  <td>JS</td>
 </tr>
 <tr οnclick="select(this);">
  <td>3</td>
  <td>Lonsan21@163.com</td>
  <td>蓝山</td>
  <td>Asp.Net</td>
  <td>JS</td>
 </tr>
 <tr οnclick="select(this);">
  <td>4</td>
  <td>Lonsan21@163.com</td>
  <td>蓝山</td>
  <td>Asp.Net</td>
  <td>JS</td>
 </tr>
 <tr οnclick="select(this);">
  <td>5</td>
  <td>Lonsan21@163.com</td>
  <td>蓝山</td>
  <td>Asp.Net</td>
  <td>JS</td>
 </tr>
 <tr οnclick="select(this);">
  <td>6</td>
  <td>Lonsan21@163.com</td>
  <td>蓝山</td>
  <td>Asp.Net</td>
  <td>JS</td>
 </tr>
</table>
<br>
<a href="javascript:movetop();">Top</a>
<a href="javascript:moveup();">Up</a>
<a href="javascript:movedown();">Down</a>
<a href="javascript:movebottom();">Bottom</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:cancelmove();">Cancel</a>
<a href="javascript:cancelall();">CancelAll</a>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值