製品のグリッドがあります。グリッド内の各製品行を拡張して、完全な製品詳細を表示できます (Ajax を使用)。次のサンプルは、microdata をグリッドに実装する方法を示しています (完全な製品の詳細ではありません)。同じマイクロデータがページ内で何度も繰り返される これが最善の方法ですか?
<tbody>
@foreach (var product in Model)
{
<tr itemscope itemtype="http://schema.org/Product" class="tr_prod" style="height:105px;" productid="@product.Id" optionid="@product.OptionId" shopcityid="@product.ShopCityId">
<td>
<div class="prod_img_small">
<img class="preview" src="@Url.Content("~/Files/Products/" + product.ImgFileName)" />
</div>
</td>
<td itemprop="name">
<b>@product.Name</b>
</td>
<td>
<div itemprop='productID'>
<b>@product.Id</b>
</div>
</td>
<td>
<div itemscope itemprop="priceSpecification" itemtype="http://schema.org/DeliveryChargeSpecification">
<b><span itemprop="price">@product.DeliveryPrice</span></b>
</div>
</td>
<td>
<b>@product.ProductPrice</b>
</td>
<td>
<b>@product.TotalPrice </b>
</td>
</tr>
}
</tbody>