拖拽行更改序列号(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>