2013-08-17 85 views
0

我的ASP.Net應用程序中有一個GridView,名爲「Has Holidays」。 GridView擁有一個項目工作人員的列表。該列基本上指示用戶是否在選定時間段內有任何假期。如果他有,則爲「是」;否則爲「否」。由於屏幕大小,我無法顯示他離開的日期。我的想法是讓用戶通過細胞移動鼠標,如果它是一個「是」,顯示工具提示彈出框,顯示是這樣的:顯示GridView中的值提示工具提示

離開: 從三月一日至3月15日 從4月19日到4月23日

也許在表格中,很好地格式化。有沒有我可以用來做這件事的控制,還是有一些特殊的CSS魔法?目前我正在使用Ajax Control Toolkit,但看不到任何可能有所幫助的東西。

+1

http://www.programming-free.com/2012/12/aspnet-trim-text-with-ellipsis-and-show.html#.Ug8lZayKKDw檢查此鏈接 –

回答

1

HTML允許'title'屬性顯示基於瀏覽器的彈出窗口,它看起來像Windows應用程序工具提示。將鼠標懸停在元素上即可查看文字。

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

如果你想要更多的控制,你可以看看使用jQuery或網頁形式的AJAXControlToolkit。

+0

我有AJAXControlToolkit - 但看不到控件可以處理懸停在類型事件上。 – Craig

+0

使用'HoverMenuExtender'與一個樣式化的Panel控件一起創建一個風格化的彈出式懸停。它與上面的方法類似,但它可以讓你控制樣式。 http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/HoverMenu/HoverMenu.aspx – ps2goat

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>