Question

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

离开： 3月1日至3月15日从4月19日到4月23日

也许在一张桌子里，格式很好。有什么控制可以用来做这个，还是有一些特殊的css魔法？我目前正在使用Ajax Control Toolkit，但看不到任何可能有帮助的东西。

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

通过添加工具提示属性

来尝试这样做

'ToolTip ='＆lt;％＃Bind（“Leavedetails”）％＆gt;'＆gt;

更多示例参考

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

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

显示GridView中值的工具提示

3 个答案: