拖拽行更改序列号(js+ajax)

<script type="text/javascript" language="javascript">
         var array = new Array();
         $(function () {
             $.each($(".input16.center"), function (i, item) {
                 array[i] = $(this).val();
             })
         })
         var beginMoving = false;
         function MouseDownToMove(obj) {
             obj.style.zIndex = 1;
             obj.mouseDownY = event.clientY;
             obj.mouseDownX = event.clientX;
             beginMoving = true;
             obj.setCapture();
         }

         function MouseMoveToMove(obj) {
             if (!beginMoving) return false;
             obj.style.top = (event.clientY - obj.mouseDownY);
             obj.style.left = (event.clientX - obj.mouseDownX);
         }

         function MouseUpToMove(obj) {
             if (!beginMoving) return false;
             obj.releaseCapture();
             obj.style.top = 0;
             obj.style.left = 0;
             obj.style.zIndex = 0;
             beginMoving = false;
             var tempTop = event.clientY - obj.mouseDownY;
             var tempRowIndex = (tempTop - tempTop % 25) / 25;
             if (tempRowIndex + obj.rowIndex < 0) tempRowIndex = -1;
             else tempRowIndex = tempRowIndex + obj.rowIndex;
             if (tempRowIndex >= obj.parentElement.rows.length - 1) tempRowIndex = obj.parentElement.rows.length - 1;
             obj.parentElement.moveRow(obj.rowIndex, tempRowIndex);

             $.each($(".input16.center"), function (i, item) {
                 $(this).attr("value", array[i]);
             })

             //处理数据
             var selarr = new Array();
             $(function () {
                 $.each($(".id.biaoj"), function (i, item) {
                     selarr[i] = $(this).val();
                 })
             })
             var selsortarr = new Array();
             $(function () {
                 $.each($(".input16.center"), function (i, item) {
                     selsortarr[i] = $(this).val();
                 })
             })
             var idstr = selarr.join();
             var sorts = selsortarr.join();
             $.ajax({
                 type: "get",
                 url: "doing.aspx",
                 data: "action=sort&idstr=" + escape(idstr) + "&sortstr=" + escape(sorts),
                 success: function (msg) {
                     if (msg == "更新成功") {
                         alert('更新排序成功');
                         location.href("list.aspx");
                         return false;
                     }
                     else {
                         alert('更新排序失败');
                         location.href("list.aspx");
                         return false;
                     }
                 }
             });
             CollectGarbage();
         }
    </script>

 

 

 <tr style='cursor: move; position: relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'>
        <td><input name='Id' id=ID_151 class='id biaoj' type=checkbox value='151' /></td>
        <td align=center>151</td>
        <td><a img='../..'>[<span class='red'>加粗</span>]<b style='color:#00D5FF'>我来过</b></a></td>
        <td align=center><a href='?fid=35'>企业动态</a></td>
        <td align=center>2012-09-04</td>
        <td align=center>0</td>
        <td align=center><input name='Sort' value='1' class='text txt' style='width:50px;'/></td>
        <td align=center><button  class='xbtn1' onclick='gengx(151)'>更新</button>
          <a href=update.aspx?action=edit&id=151>修改</a>
          <button  class='xbtn1' onclick='del2(151)'>删除</button></td>
      </tr>

 

 

 

posted @ 2012-09-05 09:32  沅江  阅读(535)  评论(0编辑  收藏  举报