ListView编码

Question

如何编写ListView的“查看详细信息”部分以将其超链接到产品详细信息页面？我的产品目录显示如下：

ListView代码

<asp:ListView runat="server" ID="listView" GroupItemCount="3" 
        DataSourceID="AccessDataSource1">
    <LayoutTemplate>
        <div style="height: 966px;">
        <div style="width: 771px;">
            <asp:PlaceHolder runat="server" ID="groupPlaceHolder" />
        <asp:DataPager runat="server" ID="dpMyDatePager" PageSize="9"
 PagedControlID="listView">
<Fields>
    <asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True"
     ShowFirstPageButton="True" />
     <asp:NumericPagerField />
</Fields>
</asp:DataPager>
        </div>
    </LayoutTemplate>
    <GroupTemplate>
        <div style="clear: both;">
            <asp:PlaceHolder runat="server" ID="itemPlaceHolder" />
        </div>
    </GroupTemplate>
    <ItemTemplate>
<div class="productItem">
    <div>
        <img src='<%# Eval("ProductUrl") %>' >
    </div>
    <div class="catalog-price">
    <br />    
            <%# Eval("ProductBrand") %>
            <%# Eval("ProductModel") %></div>

    <div class="catalog-price2">
        <b>
        Our Price: S$<%# Eval("NormalPrice") %></div>
        </b><br />
    <div class="cell1">
        Add to cart</div>
    <div class="cell2">
        View details</div>
</div>
</ItemTemplate>

Answer 1

将视图详细信息div放在一个超链接中，用模型ID编码？

Answer 2

您必须传递所选产品的ID才能查看所选产品的详细信息。

您的ViewDetails按钮代码应该像......

<asp:HyperLink ID="HypViewDetails" ImageUrl="~/Images/viewDetails.png" 
     NavigateUrl='<%#Eval("ProductId", "ProductDetails.aspx?cid={0}")%>'
     runat="server"></asp:HyperLink>