从gridview移动数据

时间:2011-03-23 07:04:16

标签: gridview rows

我使用两个gridview包括复选框。

两个gridview的值都是从数据库中恢复的。

从gridview1中选择复选框时,相应的行应移至gridview2。

如何做到这一点..

1 个答案:

答案 0 :(得分:0)

假设这是一个Web应用程序

如果您只想从2个表中移动行,您可以使用任何javascript框架轻松完成此操作,如果您不想使用任何javascript框架,则可以使用更多代码:)

我们假设你有两个<table>来自datagrid

<table class="tbl-1">
 <tr>
  <td>
    <input type="checkbox" /> 
  <td>
  <td>
    My First Row 
  <td>
 </tr>
 <tr>
  <td>
    <input type="checkbox" /> 
  <td>
  <td>
    My Second Row 
  <td>
 </tr>
</table>

让我们假设第二个<table>是相同的但class="tbl-2"

你需要的只是:

$(".tbl-1 input:checkbox").bind("click", function() {
    // let's grab the row and clone it
    var row = $(this).parents("tr").clone();

    //let's append to the tbl-2
    $(".tbl-2").append(row.fadeIn(500));

    // let's fade and delete the row in the tbl-1
    $(this).parents("tr").fadeOut(500, function() { $(this).remove(); });
});

working example in JsBin