Question

I am using MVC3, EF Model first on my project.

I have a view with 5 tables and then I have a CustomPickedTable, whenever a user click on a row inside those 4 tables that row moves to CUstomPickedTable this is the code for it:

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

       });

        });
   </script>

What I want that users also should be able to do is to click on a row inside the CustomPickedTable and then the choosen row goes back to where it was before. Some kind of undo function.

All 4 tables have same class and unique ID.

How can I do this?

Thanks in Advance

Answer 1

You may try something like this:

<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>