GridView中的超链接

简介: GridView中的超级链接,可以设置一个模版列,放入超级链接的控件,设置绑定参数即可。数据绑定方式有两种,如下示例:Eval方式     Bind方式    推荐使用第一种方式,可以在一个里放入多个绑定,而第二种只能如此绑定一个值做超级链接的控件,我们也有多种选择:1 asp:LinkButton 示例 2 asp:HyperLink示例 3 a标签示例 a标签:链接js事件: 绑定多个数据项的时候,也能采用下列方式(推荐使用): LinkButton 不好设置,推荐使用HyperLink或者a的方式,简单实用。

GridView中的超级链接,可以设置一个模版列,放入超级链接的控件,设置绑定参数即可。

数据绑定方式有两种,如下示例:
Eval方式     <%# Eval("id") %>
Bind方式    <%# Bind("id","~/info.aspx?id={0}") %>

推荐使用第一种方式,可以在一个<%# %>里放入多个绑定,而第二种只能如此绑定一个值
<%# Eval("id") + ":" + Eval("name")%>

做超级链接的控件,我们也有多种选择:
1 asp:LinkButton
示例
<asp:LinkButton ID="LinkButton2" OnClientClick=<%# "window.open('info.aspx?id=" + Eval("id") + "&name=" + Eval("name") + "')" %> runat="server"><%# "LinkButton方式绑定:" + Eval("id") %></asp:LinkButton>

2 asp:HyperLink
示例
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# "~/info.aspx?id=" + Eval("id") + "&name=" + Eval("name") %>' Text='<%# "HyperLink控件:" + Eval("id") %>'></asp:HyperLink>

3 a标签
示例
<a href='<%# "info.aspx?id=" + Eval("id") + "&name=" + Eval("name") %>'>a标签:<%# Eval("id") + ":" + Eval("name")%></a>
<a href='javascript:alert("<%# "~/info.aspx?id=" + Eval("id") + "&name=" + Eval("name") %>")'>链接js事件:<%# Eval("id") %></a>


绑定多个数据项的时候,也能采用下列方式(推荐使用):
<%# String.Format("~/info.aspx?id={0}&name={1}",Eval("id"),Eval("name")) %>

LinkButton 不好设置,推荐使用HyperLink或者a的方式,简单实用。特别是a标签,使用javascript的方法也比较方便。

目录
相关文章
|
6月前
|
前端开发 JavaScript
Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏
Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏
Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏
18EasyUI 布局- 添加自动播放标签页(Tabs)
18EasyUI 布局- 添加自动播放标签页(Tabs)
49 0
|
搜索推荐
cnblog博客园自定义样式修改标签页的icon图标
cnblog博客园自定义样式修改标签页的icon图标
130 0
|
缓存 JavaScript 前端开发
如何解决超链接被点击后hover样式不出现的问题?
如何解决超链接被点击后hover样式不出现的问题?
754 0
手把手教你实现GridView中Checkbox全选
手把手教你实现GridView中Checkbox全选
手把手教你实现GridView中Checkbox全选
|
C#
用WPF实现在ListView中的鼠标悬停Tooltip显示
原文:用WPF实现在ListView中的鼠标悬停Tooltip显示 一、具体需求描述     在WPF下实现,当鼠标悬停在ListView中的某一元素的时候能弹出一个ToolTip以显示需要的信息。 二、代码实现 在.XMAL文件中   Code   在listview 元素中加入ItemContainerStyle="{StaticResource InfoTipStyle}" 如下所示代码: Code   三、心得     调用顺序就是listview呈现出预定的style, InfoTipStyle 调用声明好的tooltip。
1834 0
easyui datagrid去掉全选按钮
第一步: F12查看元素,选中全选按钮,把全选按钮的class里边加上display:none属性。找到对应的class,即.datagrid-header-check。 第二步: 在加载 表格的时候添加事件:onLoadSuccess。
1430 0
EasyUi datagrid鼠标的悬停效果
/*easyui,鼠标划过悬浮,显示一个小提示框的方法*/ { field : 'goodsName', title : '标的描述', width : 200, align : 'center', ...
1365 0