2011-07-31 17 views
0

ListViewの[View Details]部分を製品詳細ページにハイパーリンクするにはどうすればよいですか?次のように私の製品カタログが表示されます。ListViewコーディング

enter image description here

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

あなたが本当に何を試していないことがありますか?これは基本的なWebプログラミングです。 –

答えて

0

選択した製品の詳細を表示するには、選択した製品のIDを渡す必要があります。ボタンのコードは次のようにする必要があります

あなたViewDetailsは...

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

モデルIDでコード化され、ハイパーリンクのビューの詳細div要素を入れて?