호출 JQuery와 대화 상자가

어떻게 마우스 호버에 의한 ASP.NET의 gridview에 라벨에서 jQuery를 대화를 해고 할 수 있습니까? '호출 JQuery와 대화 상자가

ASP 마크 업

<asp:GridView ID="gvMain2" runat="server"> 
    <Columns> 
    <asp:TemplateField> 
     <ItemTemplate> 
      <table class="tg-table-plain" style="width:100%"> 
      <tr> 
       <td><asp:Label ID="GRID_LBL" class="GRID_LBL" 
         runat="server" Text='<%# Eval("Some_text") %>'></asp:Label> 
       </td> 
      </tr> 
      </table> 
     </ItemTemplate> 
    </asp:TemplateField> 
    </Columns> 
</asp:GridView>

자바 스크립트

$(function() { 
    $("#dialog").dialog({ 
     autoOpen: false, 
     show: { 
      effect: "blind", 
      duration: 1000 
     }, 
     hide: { 
      effect: "explode", 
      duration: 1000 
     } 
    }); 

    $("#GRID_LBL").hover(function() { 
     $("#dialog").dialog("open"); 
    }); 
});

출처

2013-08-28 ASPFox

ASP 코드를 추가 할 수 있습니까? – nmat

문제는 GRID_LBL은 생성 된 코드의 레이블 ID가 ASP가 아니기 때문입니다. .NET은 자체 ID를 생성합니다. 그리고이 레이블은 GridView 안에 있기 때문에 ClientIDMode을 설정하거나 ClientID을 자바 스크립트로 쓰는 것은 여기서 작동하지 않습니다. ID 대신 클래스를 사용해야하며 클래스는 생성 된 코드에서 동일합니다.

<asp:Label ID="GRID_LBL" CssClass="GRID_LBL_CLASS" 
         runat="server" Text='<%# Eval("Some_text") %>'></asp:Label> 

    $(".GRID_LBL_CLASS").hover(function() { 
     $("#dialog").dialog("open"); 
    });

출처

2013-08-28 12:53:04 nmat

아마 JQuery와 라벨이 표시되지 않는, 그리드에서 발견해야하지만 하나 : 나는 각각의 그리드에 다른 값을 가질 행 레이블, 그들은 중복되지 않거나 같은 이전 행 또는 무언가의 데이터와 같은 중복이 열 대화 상자에서 수 있습니까? 감사합니다. 당신은 각 데이터 그리드 행의 호버 방법을 설정하는 일이 안 – ASPFox

@ASPFox. 그러나 그것을 밖으로 시도하십시오 – nmat

지금 체크 아웃 대화 상자에서 레이블 값을 얻는 방법을 알아낼 수 없습니다! 어쩌면 당신은 몇 가지 아이디어가? – ASPFox

을 라벨은 당신이 할 수있는 gridview의 각 행에있는 경우 : 이 시도했지만 작동하지 않습니다 그들 모두에게 동일한 ID를 부여하고 열 템플릿의 ASP : label의 CSSclass를 "GridLabel"과 같은 것으로 설정해야합니다. 그런 다음 jQuery 코드에서 호버 효과를 첨부합니다 이

$(".GridLabel").hover(function() { 
    $("#dialog").dialog("open"); 
});

출처

2013-08-28 11:12:42

희망처럼 자신의 클래스에 의해 모든 레이블에 여기 GRID_LBL

는 작업입니다

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

당신이 ID를 가진 단 하나의 GridView 레이블이 희망을 당신의 머리에 아래의 스크립트를 추가 한 DEMO

출처

2013-08-28 11:42:23 SarathSprakash

나는 그것을 시도했지만이 때이 아니 그리드에서만 작동하지만 내가 =에만 작동합니다 :( – ASPFox

ID로 예 내가 가지고있는 하나 개의 요소 – SarathSprakash

ID = "GRID_LBL"와 단 하나의 요소가있는 경우 그리드에서 호출 할 필요 ? "GRID_LBL는" 은 아마 더 질문을 ...이 일을, 당신은 제다이의 제다이, 덕분에 – ASPFox

호출 JQuery와 대화 상자가

답변

관련 문제