ASP.NET中HyperLink超链接控件的使用方法
2016-08-09来源:易贤网

本文主要介绍HyperLink控件的基础用法以及在Repeater中绑定数据的一些技巧,希望能帮到大家。

HyperLink(超链接)

作用:负责页面之间的导航

属性 作用
NavigateUrl url 将要跳转的页面地址(url)
Font-Underline FALSE 去除超链接下划线

一、HyperLink控件的基础使用

用到最多的无非就是NavigateUrl,既然是超链接,总得有个链接地址,下面看具体用法:

代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HyperLink.aspx.cs" Inherits="WebControls_HyperLink" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:HyperLink ID="hlkMenu" runat="server" Font-Strikeout="False" 

            Font-Underline="False" NavigateUrl="~/WebControls/CheckBoxList.aspx">复选框组页面</asp:HyperLink>

    </div>

    </form>

</body>

</html>

二、HyperLink NavigateUrl超级链接数据绑定方法

HyperLink控件经常会出现在Repeater控件中,链接地址经常是有后台数据绑定的,有两种方法实现,如下:

代码如下:

<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# "~/SysManage/RoleManage/DistributeRole.aspx?roleId="+DataBinder.Eval(Container.DataItem,"RoleId")%>'>分配权限</asp:HyperLink>

代码如下:

<asp:HyperLink ID="HyperLink1" runat="server" ImageUrl="images/hammer_screwdriver.png" NavigateUrl='<%# Eval("UserId", "UserInfoDetails.aspx?UserId={0}") %>'>用户详情</asp:HyperLink>

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息