表格的移动

最新推荐文章于 2024-11-13 15:29:17 发布

beisi111

最新推荐文章于 2024-11-13 15:29:17 发布

阅读量139

点赞数

分类专栏： web技术文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/beisi111/article/details/84005740

版权

web技术专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<HTML>
<HEAD>
<TITLE>表格移动</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<script language="Javascript">

var beginMoving = false;
var canMove = true;

function setMove(obj)
{
canMove = obj;
}
function MouseDownToMove (obj)
{
if(!canMove)
return false;
obj.style.zIndex = 1;
obj.mouseDownY = event.clientY;
obj.mouseDownX = event.clientX;
beginMoving = true;
obj.setCapture ();
}

function MouseMoveToMove (obj)
{
if(!beginMoving) return false;

for (i = 0; i < obj.cells.length; i ++)
obj.cells [i].style.filter = "alpha(opacity = 70)";
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;

for (i = 0; i < obj.cells.length; i ++)
obj.cells [i].style.filter = "alpha(opacity = 100)";
obj.parentElement.moveRow(obj.rowIndex, tempRowIndex);
}
</script>
<script language=javascript>

</script>
</HEAD>
<BODY bgColor=#ffffff text=#000000 leftMargin=0 topMargin=10>
<form name=frm method=post action="userLayoutConfig.do">
<table width="96%" border="1" cellspacing="0" align="center" cellpadding="0">
<tbody id="tbdDistributions" οnkeydοwn='keyDownControl(event.srcElement)'>
<tr>
<td class="listHead" width="30"> </td>
<td class="listHead" style="font-size:15pt">Field Id</td>
<td class="listHead">Is Display<br><input name="checkbox" type=checkbox οnclick="selectallDisplay(this);"></td>
<td class="listHead">Is Display Control<br>
<select name="type" οnchange="selectType(this);">
<option value="view">View</option>
<option value="edit">Edit</option>
</select>
</td>
</tr>

<tr id="TrID1" style='height:25;position:relative;cursor:hand' οnmοusedοwn='MouseDownToMove(this)' οnmοusemοve='MouseMoveToMove(this)' οnmοuseup='MouseUpToMove(this);'>
<td class="uilist0" align=center>1</td>
<td class="uilist0">
<input type="text" name="d.fieldId" value="source" size=16>
<input type="hidden" name="d.layoutId" value="storeQuery_1">
</td>
<td class="uilist0">
<select name="d.isDisplay" οnmοusedοwn="setMove(false);" οnblur="setMove(true);">
<option value="Y" selected>Y</option>
<option value="N" >N</option>
</select>
</td>
<td class="uilist0">
<select name="d.type" οnmοusedοwn="setMove(false);" οnblur="setMove(true);">
<option value="view" selected>View</option>
<option value="edit" >Edit</option>
</select>
</td>
</tr>

<tr id="TrID2" style='height:25;position:relative;cursor:hand' οnmοusedοwn='MouseDownToMove(this)' οnmοusemοve='MouseMoveToMove(this)' οnmοuseup='MouseUpToMove(this);'>
<td class="uilist0" align=center>2</td>
<td class="uilist0">
<input type="text" name="d.fieldId" value="reference" size=16>
<input type="hidden" name="d.layoutId" value="storeQuery_2">
</td>
<td class="uilist0">
<select name="d.isDisplay" οnmοusedοwn="setMove(false);" οnblur="setMove(true);">
<option value="Y" selected>Y</option>
<option value="N" >N</option>
</select>
</td>
<td class="uilist0">
<select name="d.type" οnmοusedοwn="setMove(false);" οnblur="setMove(true);">
<option value="view" selected>View</option>
<option value="edit" >Edit</option>
</select>
</td>
</tr>
</tbody>
</table>
</form>
</BODY></HTML>