在datagrid中加入超级链接

这篇博客介绍了如何在ASP.NET的datagrid控件中添加超链接列,以显示商品名称并链接到详细页面。通过使用asp:HyperLinkColumn,设置DataNavigateUrlField和DataTextField属性,实现了点击商品名称即可跳转到对应的商品详情页面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<asp:HyperLinkColumn Text="Name" DataNavigateUrlField="Order_ID" DataNavigateUrlFormatString="ShowOrder_ID.aspx?bookid={0}"
          DataTextField="Order_ID" SortExpression="Order_ID" HeaderText="商品名称" NavigateUrl="Order_ID" HeaderStyle-Width="180"></asp:HyperLinkColumn>

前台数据绑定

 <asp:datagrid id="Cartdatagrid" runat="server" Width="591px" BorderColor="White" BorderStyle="Ridge"
        BorderWidth="2px" BackColor="White" CellPadding="3" GridLines="None" CellSpacing="1" AutoGenerateColumns="False">
        <FooterStyle ForeColor="Black" BackColor="#C6C3C6"></FooterStyle>
        <SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#9471DE"></SelectedItemStyle>
        <ItemStyle ForeColor="Black" BackColor="#DEDFDE"></ItemStyle>
        <HeaderStyle Font-Bold="True" ForeColor="#E7E7FF" BackColor="#4A3C8C"></HeaderStyle>
        <Columns>
         <asp:BoundColumn Visible="False" DataField="Good_Id" ReadOnly="True" HeaderText="id"></asp:BoundColumn>
         <asp:HyperLinkColumn Text="Name" DataNavigateUrlField="Good_ID" DataNavigateUrlFormatString="ShowGood_Id.aspx?bookid={0}"
          DataTextField="Good_Name" SortExpression="Good_Name" HeaderText="商品名称" NavigateUrl="Good_ID" HeaderStyle-Width="180"></asp:HyperLinkColumn>
         <asp:BoundColumn DataField="Price1" ReadOnly="True" HeaderText="市场价">
          <HeaderStyle HorizontalAlign="Center" Width="60px"></HeaderStyle>
          <ItemStyle HorizontalAlign="Right"></ItemStyle>
         </asp:BoundColumn>
         <asp:BoundColumn DataField="Price2" ReadOnly="True" HeaderText="酷酷价">
          <HeaderStyle HorizontalAlign="Center" Width="60px"></HeaderStyle>
          <ItemStyle HorizontalAlign="Right"></ItemStyle>
         </asp:BoundColumn>
         <asp:TemplateColumn HeaderText="数量">
          <ItemTemplate>
           <input id="txtquan" name="txtquan" value='<%# DataBinder.Eval(Container.DataItem,"Number") %>' runat="server" style="width:50;BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid">
          </ItemTemplate>
         </asp:TemplateColumn>
         <asp:BoundColumn DataField="Totle" ReadOnly="True" HeaderText="总价">
          <HeaderStyle HorizontalAlign="Center" Width="60px"></HeaderStyle>
          <ItemStyle HorizontalAlign="Right"></ItemStyle>
         </asp:BoundColumn>
         <asp:TemplateColumn>
          <HeaderStyle Width="80px"></HeaderStyle>
          <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle"></ItemStyle>
          <ItemTemplate>
           <asp:ImageButton id="Imagebutton1" runat="server" AlternateText="删除" CommandName="Delete" ImageUrl="../Images/delete.gif"></asp:ImageButton>
          </ItemTemplate>
         </asp:TemplateColumn>
         <asp:TemplateColumn>
          <ItemTemplate>
           <asp:ImageButton id="Imagebutton2" runat="server" AlternateText="放入暂存架" CommandName="Update" ImageUrl="../Images/04gouwu_andy01.gif"></asp:ImageButton>
          </ItemTemplate>
         </asp:TemplateColumn>
        </Columns>
        <PagerStyle HorizontalAlign="Right" ForeColor="Black" BackColor="#C6C3C6"></PagerStyle>
       </asp:datagrid>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值