3

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

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

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

我正在寻找的是某种验证,即当用户单击提交按钮时,应该有一条规则确保这 4 个表中的每一个中的至少一行必须移动到,CustomPickedTable如果不是,它不应该发布表单但是给用户一个错误信息。

这是我的 4 个表之一,这些表是由 MVC 中带有剃刀的 foreach 循环生成的

    <div class="questionsForSubjectType" id="questionsForSubjectType_1">              
              <table class="box-style2" id="RandomID_c5b9bc7a-2a51-4fe5-bd3a-75b4b3934ade">
                <thead>
                  <tr>
                    <th>
                    Kompetens
                    </th>
                  </tr>
                </thead>
                  <tbody>
                   <tr>
                     <td data-question-id="16">Har konsulten F&#246;rm&#229;ga att l&#228;ra sig nytt?</td>   
                   </tr>
                  </tbody>
                  <tbody>
                   <tr>
                     <td data-question-id="17">Har konsulten r&#228;tt kompetens?</td>   
                   </tr>
                  </tbody>
               </table>
    </div>

我的自定义表:

<table id="CustomPickedTable" class="box-style2">
<thead><tr><th>Choosen Questions</th></tr></thead>
<tbody>
</tbody>
</table>

提前致谢!

4

1 回答 1

1

可能有更好的方法。

但是我会为您可以移动的每个 TD 添加一个数据属性或某个类,并在提交时检查每个所需的值。

在这里创建了一个例子:http: //jsfiddle.net/y35Qf/1/

基本上,我添加了一个名为 data-row 的属性,每个表都有自己的值,在提交时我要求这些值中的每一个都在 CustomPickedTable 中 - 如果没有,我会提醒缺少某些东西 - 否则提醒成功。

您可以轻松添加,以便提醒哪些行丢失或您想要的任何其他验证。

这是你想要的吗?

于 2012-04-04T08:41:51.327 回答