显示GridView中某个值的工具提示

Question

我的ASP.Net应用程序中有一个GridView，用于名为"Has Holidays"的列。GridView包含一个项目工作人员的列表。该列基本上指示用户在所选时段内是否有假期。"是"如果他这样做，"否"如果他不这样做。由于屏幕太大，我无法显示他休假的日期。我的想法是允许用户在单元格上移动鼠标，如果是"是"，则显示一个工具提示弹出框，显示以下内容：

休假：3月1日至3月15日从4月19日至4月23日

也许在一张表格里，格式很好。有什么控件可以用来做这件事吗，或者有什么特殊的css魔法吗？我目前正在使用Ajax控制工具包，但看不到任何可能有帮助的东西。

Answer 1

HTML允许"title"属性显示基于浏览器的弹出窗口，这些弹出窗口看起来像Windows应用程序工具提示。将鼠标悬停在元素上可以查看文本。

<span title="Leave: from 1st march to 15th March">No</span>

如果你想要更多的控制，你可以考虑使用jQuery或AJAXControlToolkit来处理web表单。

Answer 2

尝试ajax切换按钮：用于样本编码

<asp:CheckBox ID="ChkStatus" runat="server" 
                      oncheckedchanged="ChkStatus_CheckedChanged" AutoPostBack ="true"/> <br />
                  <asp:ToggleButtonExtender ID="ChkStatus_ToggleButtonExtender" runat="server" 
                      Enabled="True" TargetControlID="ChkStatus"  ImageWidth="20"
                ImageHeight="20"
                UncheckedImageUrl="~/img/cancel.png"
                CheckedImageUrl="~/img/checked.png"
                CheckedImageAlternateText="Check"
                UncheckedImageAlternateText="UnCheck">
                  </asp:ToggleButtonExtender>

Answer 3

通过添加工具提示属性来尝试这样做

'工具提示='<%#绑定（"Leadetails"）%>'>

更多示例参见

http://www.aspdotnet-suresh.com/2013/05/jquery-show-gridview-row-details-in.html

http://forums.asp.net/t/1808318.aspx/1