如何将作为列表的foreach结果存储到变量中并在弹出窗口中显示

Question

我在同一个表中有两个foreach，第二个foreach生成一个序列号列表（我用**标记为**），当我在浏览器中看到第二个foreach的结果是一长串序列号时，这只是销毁了整个表格（如您在屏幕快照中所示），并且您看到每个项目都显示一个序列号，我有什么办法可以在弹出窗口中一次显示它们？ 或如何解决此问题，以仅显示一个简单的文本作为例如的链接（单击此处），然后当用户单击链接弹出窗口弹出并显示序列号时。

• 图像- 屏幕截图-更新： 表“序列号”的屏幕截图
  
  

视图中的代码：

    <div class="card-content table-responsive">
        <table class="table">
            <thead class="text-primary">
                <tr>
                    <th>Item number</th>
                    <th>Description</th>
                    <th>Totally ordered</th>
                    <th>Serial Number</th>

                </tr>
            </thead>
            <tbody>

                @foreach (var FieldShipment in Model.OrdreDetailDeliveryLineOpens)
                {

                    <tr>

                        <td>@FieldShipment.VarenummerDeliverdLineOpenOrdre</td>
                        <td>@FieldShipment.BeskrivelseDeliverdLineOpenOrdre</td>
                        <td>@string.Format("{0:N0}", FieldShipment.Qu)</td>

                        <td>
                          ** @foreach (var SerialNo in FieldShipment.SerialNoDeliverdLineOpenOrdre) 
                            {

                                @SerialNo //loop Serial No

                            } **

                        </td>
                        <td>@FieldShipment.ShippingAgentDeliverdLineOpenOrdre</td>
                        <td>@FieldShipment.TrackAndTraceDeliverdLineOpenOrdre</td>
                        <td><a target="_blank" class="tl" title="Track & Trace" href="@FieldShipment.TrackLinkDeliverdLineOpenOrdre">Track</a></td>


                    </tr>

                }


            </tbody>


        </table>
 </div>

Answer 1

您可以执行类似的操作（尽管不是睾丸，但您可以理解）：

// join your serial numbers in one string
var SerialNos = String.Join(", ", FieldShipment.SerialNoDeliverdLineOpenOrdre);

然后在您的视图中使用title ：

<td title="@SerialNos" style="max-height: 100px; text-overflow: ellipsis; overflow-y:hidden">
  @SerialNos
</td>

如果您有一个可用的工具提示 （例如Bootstrap工具提示 ）或一个popup ，则可以使用tooltip来丰富它。