UC知道ASP.NET中 两个DataGrid之间相互移动数据
来源：百度知道 编辑：UC知道 时间：2024/05/15 02:26:44
WEB应用程序中,两个datagrid第一列都用模板列邦定checkbox,当选中左边datagrid checkbox时候可以将数据从左边移动到右边datagrid中，反之亦然。
示意图如下:
-----------------------------------------------------------------
datagrid1 datagrid2
checkbox value1 value2 << checkbox value1 value2
checkbox value1 value2 checkbox value1 value2
checkbox value1 value2 >> checkbox value1 value2
checkbox value1 value2 ...
这样的思路不知道能否实现，请高手不吝赐教，或者给点有关资料、控件等也可，多谢。
示意图有点乱，重新画一下
------------------------------------------------------
datagrid1 datagrid2
checkbox value1 value2 << checkbox value1 value2
checkbox value1 value2 checkbox value1 value2
checkbox value1 value2 >> checkbox value1 value2
checkbox value1 value2 ...
...
-----------------------------------------------------
示意图如下:
-----------------------------------------------------------------
datagrid1 datagrid2
checkbox value1 value2 << checkbox value1 value2
checkbox value1 value2 checkbox value1 value2
checkbox value1 value2 >> checkbox value1 value2
checkbox value1 value2 ...
这样的思路不知道能否实现，请高手不吝赐教，或者给点有关资料、控件等也可，多谢。
示意图有点乱，重新画一下
------------------------------------------------------
datagrid1 datagrid2
checkbox value1 value2 << checkbox value1 value2
checkbox value1 value2 checkbox value1 value2
checkbox value1 value2 >> checkbox value1 value2
checkbox value1 value2 ...
...
-----------------------------------------------------
可以实现，不过要用JS加TABLE的DOM实现
给你一段参考吧：
<script language=javascript>
function moveIt(obj){
var tableId;
if(obj.parentNode.parentNode.id == "t1"){
tableId = document.getElementById("t2");
}else{
tableId = document.getElementById("t1");
}
var newRow = tableId.insertRow(0);
newRow.insertCell(0).innerHTML = obj.cells(0).innerHTML;
newRow.insertCell(1).innerHTML = obj.cells(1).innerHTML;
obj.removeNode(true);
}
</script>
<table id=t1 border=1>
<tr>
<!--input的parentNode是TD，TD的parentNode是TR，TR的parentNode是TBODY，TBODY的parentNode才是TABLE-->
<td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td>
<td>1</td>
</tr>
<tr>
<td><input type=chec