使用Jquery和MVC3将表中的选定行添加到另一个表

时间:2012-03-23 14:03:56

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

我在我的项目中使用MVC 3,EF Model First。

在我的视图中,我有4张看起来像这样的表。

<div class="questionsForSubjectType">  
            <table>
                <thead>
                  <tr>
                     <th>
                       Title
                     </th>
                  </tr>
                </thead>
                <tbody>
                    <tr>
                      <td>
                         test
                     </td>
                   </tr>
                </tbody>
            </table>           
</div>     

用户应该能够选择并添加到另一个表,我们可以说表格如下:

    <table id="CustomPickedQuestions>


   /* <----- Questions that users chose from the other tables /*

    </table>

我要找的是当用户点击一行时,该行将被删除并添加到CustomPickedQuestions,当该行添加到该表时,用户也应该能够删除它来自CustomPickedQuestions Table,然后该行将返回到之前的Table

我现在想知道如何借助客户端jquery脚本来实现这一目标。

1 个答案:

答案 0 :(得分:0)

您的代码中存在太多不相关的复杂性(针对您提出的具体问题)。标题很好,但不是代码。而不是发布复杂的项目代码,使用最少量的代码/方法/属性(使用通用名称,即ProductID,ProductName等)创建最简单的问题再现。我的教程的第3部分展示了如何执行此操作。见http://www.asp.net/mvc/tutorials/javascript/working-with-the-dropdownlist-box-and-jquery/adding-a-new-category-to-the-dropdownlist-using-jquery-ui