의 asp.net MVC

Question

안녕 내가 가지고

asp.net에서 데이터베이스에서 강력한 형식의보기에서 만든 항목에 대한 JQuery와 팝업 거품을 만들려고하고있는 강력한 형식의 뷰에 대한 JQuery와 팝업 거품을 만드는 방법 많은 예제를 발견했지만 실제로 도움이되는 것은 없습니다. 어떤 도움을 주시면 감사하겠습니다.

<table> 
     <tr> 
      <th> 
       name 
      </th> 

    <% foreach (var item in Model) { %> 

     <tr> 
      <td> 
       <%= (item.name) %> 
      </td> 
     </tr> 

    <% } %> 

    </table> 

Answer 1

아마도 div 태그 내부 페이지에 어딘가에 거품의 정보를 넣어 : 여기

는 테이블 컬럼 내에서 테이블 항목 내 강력한 형식의보기의 샘플입니다. 클래스를 div 태그에 놓으면 (1) 숨겨지고 (2) td 태그에 대해 절대적으로 배치됩니다.

다음으로 < % = item.name %>의 마우스 오버 또는 클릭 이벤트에서 jQuery를 사용하여 팝업을 표시하거나 숨길 수 있습니다.

<style> 
    .myTable td { position:relative; top:0; left:0; } 
    .myBubble { display:none; position:absolute; top:-100px; background:#CCC; } 
</style> 

<table class="myTable"> 
    <tr> 
     <th>name</th> 
    </tr> 
    <% foreach (var item in Model) { %> 
    <tr> 
     <td> 
      <div class="myTrigger"><%= (item.name) %></div> 
      <div class="myBubble"> 
       <%= item.description %><br /> 
       <%= item.publishDate %> 
      </div> 
     </td> 
    </tr> 
    <% } %> 
</table> 

<script> 

    // presuming you've already included a reference to the jQuery library... 

    $('.myTrigger').hover(function() { 
     // show the adjacent bubble content 
     $(this).parent().find('.myBubble').show(); 
    }, 
    function() { 
     // hide the adjacent bubble content 
     $(this).parent().find('.myBubble').hide(); 
    }); 

</script>