将表中的选定行添加到另一个表,然后能够将其撤消,以便使用Jquery和MVC3返回到其之前的表

时间:2012-03-26 07:12:08

标签: javascript jquery asp.net-mvc asp.net-mvc-3

我在我的项目中首先使用MVC3,EF模型。

我有一个包含5个表的视图,然后我有一个CustomPickedTable,每当用户点击这4个表中的一行时,该行移动到CUstomPickedTable,这就是它的代码:

   <script type="text/javascript">
       $(document).ready(function () {       
        $(".questionsForSubjectType tbody tr").click(function () {
            $(this).appendTo("#CustomPickedTable tbody");

       });

        });
   </script>

我想要的用户也应该能够做的是单击CustomPickedTable中的一行,然后选择的行返回到之前的位置。某种撤销功能。

所有4个表都具有相同的类和唯一ID。

我该怎么做?

先谢谢

1 个答案:

答案 0 :(得分:3)

您可以尝试这样的事情:

<script type="text/javascript">
    $(function () {
        $('.questionsForSubjectType tbody tr').click(function () {
            var origin = $(this).closest('table').attr('id');
            var index = $(this).index();
            $(this)
                .appendTo('#CustomPickedTable tbody')
                .click({ origin: origin, index: index }, function (evt) {
                    $('#' + evt.data.origin + ' tbody tr')
                        .eq(evt.data.index - 1)
                        .after(this);
                });
        });
    });
</script>