0

我的 ASP.Net 应用程序中有一个 GridView,用于名为“有假期”的列。GridView 包含从事项目的人员的列表。该列主要指示用户在选定的时间段内是否有任何假期。如果他这样做,则“是”,如果他不这样做,则“否”。由于屏幕大小,我无法显示他离开的日期。我的想法是允许用户将鼠标移动到单元格上,如果它是“是”,则显示一个工具提示弹出框,显示如下内容:

休假:3 月 1 日至 3 月 15 日 4 月 19 日至 4 月 23 日

也许在一个表格中,格式很好。是否有任何控件可以用来执行此操作,或者是否有一些特殊的 css 魔法?我目前正在使用 Ajax Control Toolkit,但看不到任何可能有帮助的东西。

4

3 回答 3

1

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

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

如果您想要更多控制,您可以考虑使用 jQuery 或 AJAXControlToolkit 来实现 Web 表单。

于 2013-08-17T07:41:23.073 回答
0

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

' ToolTip ='<%# Bind("Leavedetails") %>'>

更多示例参考

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

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

于 2013-08-17T08:18:03.557 回答
0

尝试 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>
于 2013-08-17T07:56:26.660 回答