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

时间:2017-12-21 10:39:59

标签: c# asp.net-mvc serialization foreach

我在同一张表中有两个foreach,第二个foreach生成一个Serial No(我用as **标记)的列表,当我在浏览器中看到我的第二个foreach的结果是一个很长的Serial No列表,这是只是破坏整个表格(就像你在屏幕截图中一样)并且如你所见,为每个项目打开一个序列号,有什么方法可以在弹出窗口中一次显示所有这些内容吗?或者我如何解决这个问题只显示一个简单的文本作为例子的链接(点击这里),而不是当用户点击链接弹出窗口出来并显示序列号。

观点中的守则:

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

1 个答案:

答案 0 :(得分:0)

你可以做类似的事情(虽然不是睾丸,但你明白了):

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

如果你有一个tooltip(例如Bootstrap tooltips)或popup,你可以用javax.transaction.Transactional来丰富这个。