日期:2014-05-17  浏览次数:20421 次

鼠标移到Gridview的一行上时,出现浮动提示
table1表中有四个字段title、department、date、description,Gridview绑定到table1,显示title字段的内容。
怎样实现:当鼠标移到Gridview的一行上时,显示一个浮动提示,提示内容为department、date、description三个字段的值,每个字段都换行显示?

------解决方案--------------------
我只会浮动改变颜色
protected void GVusers_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
//鼠标经过时,行背景色变 
e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#E6F5FA'");
//鼠标移出时,行背景色变 
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='#FFFFFF'");
}
}
应该在里面改下就好了
e.Row.Attributes.Add("onmouseover", 这里写个js方法应该就好了);
------解决方案--------------------
加层,这个不是很好弄
------解决方案--------------------
可以那样,加 input type=text 内容绑定那三列的串(在存储过程组织好,用伪列),然后在鼠标移动的时候,编写js事件,把该input隐藏或者显示
------解决方案--------------------
可以把这四个字段的内容都绑定到GridView,然后只显示title,隐藏其余三列,然后在绑定事件中给行增加一个onmouseover事件和onmouseover事件。在onmouseover时,调用客户端的一个显示浮动层的方法和将当前的值写入前端的隐藏文本框中。
在客户端方法做以下几件事:
1:显示隐藏浮动div层
2:获取当前所在行的隐藏列的值(隐藏的文本框中)


上面做参考,比较简单一点,不需要使用Ajax重新读取。
------解决方案--------------------
简单的方法是用 ajax,有专门的控件
------解决方案--------------------
為gridview每行的單元格設置ToolTip
------解决方案--------------------
用ajaxtoolkit
------解决方案--------------------
<ajaxToolkit:HoverMenuExtender ID="hm2" runat="server" TargetControlID="lnkShow" PopupControlID="xmlShow" PopupPosition="Bottom" />
<ajaxToolkit:HoverMenuExtender ID="hm1" runat="server" TargetControlID="lnkClose" PopupControlID="xmlClose" PopupPosition="Bottom" />

--
 <asp:LinkButton id="lnkShow" OnClientClick="return false;" runat="server">show</asp:LinkButton> and
<asp:LinkButton OnClientClick="return false;" id="lnkClose" runat="server">close</asp:LinkButton>
--
<asp:Panel ID="xmlShow" runat="server" style="display: none; z-index: 3; background-color:#DDD; border: thin solid navy;"> </asp:Panel>