GridView客户端上下移动行

  var  Main_Tab     =   null ;
      var  cur_row;
      var  cur_bgc     =   " #F7F7F7 " ;
      var  cur_fc     =   " black " ;
      var  color1  =   " #F7F7F7 " ;
      var  color2  =   " #ffffff " ;
      var  checkbox_state  =   "" ;
      var  cur_cell  =   null ;
      var  act_bgc     =   " #F7F7F7 " ;
var  act_fc     =   " black " ;
  var  checkbox_state  =   "" ;
  var  sequence  =   new  Array();


function  window.onload()
... {
    init();
}
    
function  init()
... {
    Main_Tab = GridView1;
    Main_Tab.onclick    = clickIt; 
    
    var cc = document.getElementsByTagName("input");
    for(var i=0;i<cc.length;i++)
    ...{
        if(cc[i].type=='checkbox')
        ...{
           if(check_id(cc[i].id,'chksel')==1)
           ...{
               var temp = checkbox_state.concat(cc[i].id+"|"+cc[i].checked+"|");
                checkbox_state = temp;
           }
        }
    }
    var len = checkbox_state.substring(0,checkbox_state.length-1);
    checkbox_state = len; 
    
    for(var j=1;j<Main_Tab.rows.length;j++)
    ...{
        var jk= j-1;
        sequence[jk] = j;
    }
    var temp="";
    for(var n=0;n<sequence.length;n++)
    ...{
        temp += sequence[n]+"|";
    }
    if(document.getElementById("seq")!=null)
    ...{
        document.getElementById("seq").value = temp;
    }
}


  function  Move_up(the_table)
... {
    event.cancelBubble=true;
    if(cur_row==null || cur_row<=1)return;
    setSeq(1);
    //window.alert(cur_row);
    change_row(the_table,cur_row,--cur_row);
    BindCheckBox();
}

function  setSeq(i)
... {
    var te = "";
    var temp="";
    if(i==1)
    ...{
        te = sequence[cur_row-1];
        sequence[cur_row-1] = sequence[cur_row-2];
        sequence[cur_row-2] = te;  
    }
    else if(i==0)
    ...{
        te = sequence[cur_row-1];
        sequence[cur_row-1] = sequence[cur_row];
        sequence[cur_row] = te;
    }
    for(var n=0;n<sequence.length;n++)
    ...{
        temp += sequence[n]+"|";
    }   
    document.getElementById("seq").value = temp;
}

function  Move_down(the_table) ... {
    event.cancelBubble=true;
    if(cur_row==null || cur_row==the_table.rows.length-1 || cur_row==0)return;
    setSeq(0);
    change_row(the_table,cur_row,++cur_row);
    BindCheckBox();
}

function  setState(obj)
... {
    var temp="";
    var rep_str="";
    var res_str="";
    
    if(obj.checked == true)
    ...{
        rep_str = obj.id +"|"+"false";
        res_str = obj.id +"|"+"true";
        temp = checkbox_state.replace (rep_str,res_str);
        checkbox_state = temp;
    }
    else
    ...{
        rep_str = obj.id +"|"+"true";
        res_str = obj.id +"|"+"false";
        temp = checkbox_state.replace (rep_str,res_str);
        checkbox_state = temp;
    }
    
}

function  BindCheckBox()
... {
    var t= checkbox_state.split('|');
    for(var i=0;i<t.length;i+=2)
    ...{
        var ind = i+1;
        if(t[ind]=="true")
        ...{
            document.getElementById(t[i]).checked = true;
        }
        else
        ...{
            document.getElementById(t[i]).checked = false;
        }
    }
}


function  get_Element(the_ele,the_tag) ... {
    the_tag = the_tag.toLowerCase();
    if(the_ele.tagName.toLowerCase()==the_tag)return the_ele;
    while(the_ele=the_ele.offsetParent)...{
        if(the_ele.tagName.toLowerCase()==the_tag)return the_ele;
    }
    return(null);
}

function  change_row(the_tab,line1,line2)
... {
    the_tab.rows[line1].swapNode(the_tab.rows[line2])
}

function  clickIt() ... {
    event.cancelBubble=true;
    var the_obj = event.srcElement;
    var i = 0 ,j = 0;
    
    if(the_obj.tagName.toLowerCase() != "table" && the_obj.tagName.toLowerCase() != "tbody" && the_obj.tagName.toLowerCase() != "tr")
    ...{
           var the_td    = get_Element(the_obj,"td");
        if(the_td==null) return;
        var the_tr    = the_td.parentElement;
        var the_table    = get_Element(the_td,"table");
        initcolor(the_table,the_tr.cells.length);
        var i         = 0;
        cur_row = the_tr.rowIndex;
        if(cur_row!=0)
        ...{
            for(i=0;i<the_tr.cells.length;i++)
            ...{
                with(the_tr.cells[i])
                ...{
                    style.backgroundColor=cur_bgc;
                    style.color=cur_fc;
                }
            }
        }
    }
}

function  initcolor(tab,len)
... {
   var trig=0;
   for(var i=len;i<tab.cells.length;i++)
   ...{
          if(i%len ==0)
          ...{
              trig++;
          }
          if(trig%2==0)
          ...{
              tab.cells[i].style.backgroundColor = color2;
          }
          else
          ...{
              tab.cells[i].style.backgroundColor = color1;
          }
   }
}