Question

我公平地编程，并且已经在一个问题上被封锁了几天了。我有一个包含2列的表，Record＃和每条记录的注释。 “注释”通常很长，所以我计划在“注释”列上的每个单元格上有一个链接，其中包含指向显示注释的模式的链接。我面临的问题是所有链接都会显示表格第一项的注释......

这是我的代码（td“Notes”仅用于验证目的）：

 <table>
    <tbody>
        @foreach (DataRow row in Model.Rows)
        {        
            <tr>
                <td>@row["Record#"]</td>
                <td>@row["Notes"]</td>
                <td>
                    <a data-toggle="modal" data-target="#notes">View Notes</a>

                    <!--.modal -->
                    <div id="notes" class="modal fade modal-scroll" tabindex="-1" data-replace="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-body">
                                    <div class="scroller" style="height:100px" data-always-visible="1" data-rail-visible1="1">
                                        @row["Notes"]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.modal -->
                </td>
            </tr>
        }
    </tbody>
</table>

我真的很感激任何帮助！这让我疯了!!!

Answer 1

这一位：

<div id="notes" class="modal fade modal-scroll" tabindex="-1" data-replace="true">

在@foreach内部，正在创建具有相同ID的多个div，这是无效的HTML，所以这是你不应该做的事情（并且javascript不理解所以行为不可靠，一个后果可能是你的那个经验但结果可能会有所不同）。

尝试给他们不同的ID，也许使用记录号码？

<div id="notes-@(row["Record#"])" class=...

当然还有链接：

<a data-toggle="modal" data-target="#notes-@(row["Record#"])">View Notes</a>

如何单击表格单元格并显示带有注释的模态

1 个答案: