2013-08-17 2 views
0

"휴일 있음"열에 대해 ASP.Net 응용 프로그램에 GridView가 있습니다. GridView는 프로젝트에서 작업하는 사람들의 목록을 보유합니다. 열은 기본적으로 사용자가 선택한 기간에 휴일이 있는지 여부를 나타냅니다. "예"가 있으면 대답하고 "아니오"면 대답하지 않습니다. 스크린 크기 때문에, 나는 그의 휴가 날짜를 보여줄 수 없다. 내 생각은 사용자가 셀 위로 마우스를 이동 할 수 있도록하는 것입니다, 그것은의 경우 '예'를, 같은 것을 표시하는 툴팁 팝업 상자 표시 : 19 4 월 ~ 3월 1일에서 3월 15일 에 :GridView에 값에 대한 툴팁 표시

휴가를 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 app 툴팁과 유사합니다. 텍스트를 보려면 요소 위에 마우스를 올려 놓습니다.

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

더 많은 제어가 필요하면 웹 양식 용 jQuery 또는 AJAXControlToolkit을 사용할 수 있습니다.

+0

I를 확인 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>