我在同一张表中有两个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>
答案 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
来丰富这个。