2012-05-24 3 views
0

이는 ListView를 내 ItemTemplate을위한 코드 목록보기 ASP.NET

<ItemTemplate> 
        <tr bgcolor="#efefef"> 
         <td width="10%"> 
          <asp:LinkButton ID="btnShowRoles" runat="server"> 
           <asp:Image ID="viewRoles" ImageUrl="/images/pointer-down.gif" runat="server" /></asp:LinkButton> 
         </td> 
         <td width="50%" align="left"> 
          <font face="verdana" size="1"> 
           <asp:Label runat="server" ID="lblParameter"><%#Eval("Name") %></asp:Label> 
          </font> 
         </td> 
         <td width="10%" align="center"> 
          <font face="verdana" size="1"> 
           <asp:Label runat="server" ID="lblType"><%#Eval("Type.Name")%></asp:Label> 
          </font> 
         </td> 
         <td width="10%" align="center"> 
          <font face="verdana" size="1"> 
           <asp:Label runat="server" ID="lblRequired"><%#Eval("isGlobal") %></asp:Label> 
          </font> 
         </td> 
         <td width="20%" align="center"> 
          <font face="verdana" size="1"><a href='<%#GetRedirectionURL(Eval("ID")) %>'>VIEW</a> 
          </font> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          <div align="left" class="ShowRoles"> 
           <asp:Label ID="Label3" runat="server">GROUPS:</asp:Label> 
           <asp:Label ID="Label4" runat="server"><%#Eval("MarjorieRoles") %></asp:Label> 
          </div> 
         </td> 

        </tr> 

에 숨겨진 div 태그를 볼 수 있습니다. 내가 처음 클릭 할 때마다 필드를 표시 linkbutton 싶어요. 나는 자바 스크립트를 처음 사용하고 그것에 대해 어떻게 생각하는지 전혀 모른다. 어떤 도움을 주시면 감사하겠습니다. 감사합니다.

답변

0

이것은 특별한 질문은 아니지만 시작하는 데 도움이되는 몇 가지 지침을 제공해 드릴 수 있습니다.

1) HTML에서 페이지의 각 요소는 id 속성으로 표시됩니다. JavaScript에서는 함수 document.getElementById을 사용하여 id로 요소를 가져올 수 있습니다. document.getElementsByClass과 함께 요소의 클래스를 사용할 수도 있습니다.

2) 그리고 은 매우 중요합니다. 페이지에 서버 측 컨트롤을 추가하면 마크 업에서 지정한 ID와 완전히 다른 결과 HTML의 ID가 할당됩니다. ASP.net에서는 <%= elementId.ClientID %>을 작성하여 클라이언트 측 ID를 얻을 수 있습니다.

3) jQuery와 같은 라이브러리는 개발을 간소화하는 데 매우 도움이 될 수 있습니다. jQuery를 사용하면 $.click 함수를 사용하여 버튼 클릭 이벤트에 이벤트를 첨부 할 수 있습니다. $.show 함수를 사용하여 숨겨진 요소를 표시 할 수 있습니다.