ASP.NET中HyperLink超链接控件的使用方法
内容摘要
HyperLink(超链接)
作用:负责页面之间的导航
属性
值
作用
NavigateUrl
url
将要跳转的页面地址(url)
Font-Underline
False
去除超链接下划线
一、HyperLink控件
作用:负责页面之间的导航
属性
值
作用
NavigateUrl
url
将要跳转的页面地址(url)
Font-Underline
False
去除超链接下划线
一、HyperLink控件
文章正文
HyperLink(超链接)
作用:负责页面之间的导航
属性 | 值 | 作用 |
---|---|---|
NavigateUrl | url | 将要跳转的页面地址(url) |
Font-Underline | False | 去除超链接下划线 |
一、HyperLink控件的基础使用
用到最多的无非就是NavigateUrl,既然是超链接,总得有个链接地址,下面看具体用法:
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>
<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>
代码注释