Datalist Control的Image项目上的自定义工具提示

时间:2012-09-22 06:48:35

标签: c# asp.net tooltip qtip2

我的usercontrol中有一个datalist控件,我有图标“detail.png”。现在我想在该图像的click事件上显示一些自定义工具提示(如此qTip_Tooltip)。 问题是工具提示内容应该来自数据库。

我有2张图片来自图片.1。StudentMaster。 2. StudentCategoryMaster。 在使用工具提示之前,我有一个单独的页面,我们可以看到特定学生的详细信息,如下所述。  当我们必须看到特定学生的细节时,我必须传递2个参数,即。 studentId& studentCategoryId。 像这样

aspx代码

<a href='<%# FormatStudentId((int)Eval("studentId"), (int)Eval("studentCategoryId")) %>'>

.cs代码

protected string FormatStudentId(int studentId, int studentCategoryId)
{
    return "StudentDetails.aspx?studentId=" + studentId.ToString() + "&studentCategoryId=" + studentCategoryId.ToString();
}

因此,当我们必须显示工具提示时,必须使用这两个ID传递工具提示。因此动态工具提示场景将会出现。

我的问题是,如何实现这一目标? 请帮我。 谢谢你的阅读,我想我很清楚,如果没有,请问我细节,我会给你。

2 个答案:

答案 0 :(得分:0)

details.png将包含特定学生的工具提示?您可以按照与示例相同的方式进行操作,并动态填充p标记

答案 1 :(得分:0)

使用,<AjaxControlToolkit:HoverMenuExtender>并按照您希望的方式修改<div>中的<asp:Panel>

喜欢这个..

<asp:Panel ID's ...>
<div style="">
<%#Eval("studentDescription")%>
<br />
</div>

谷歌为这个扩展器,你会发现很多很好的例子。