2012-05-24 23 views
0

使用Javascript功能來查閱隱藏div標籤列表視圖中的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> 

這是我在ListView的ItemTemplate代碼。我希望第一個鏈接按鈕在每次點擊時顯示字段。我是JavaScript新手,絕對不知道如何去做。任何幫助,將不勝感激。 謝謝

回答

0

這不是一個具體的問題,但我可以給你幾個提示,幫助你開始。

1)在HTML中,頁面上的每個元素都被標記爲id屬性。在JavaScript中,您可以使用函數document.getElementById通過其ID獲取元素。您也可以使用document.getElementsByClass的元素類。

2)和這個是非常重要的。無論何時,當您向頁面添加服務器端控件時,都會在生成的HTML中爲其分配一個ID,該ID可能與您在標記中指定的ID完全不同。在ASP.net中,您可以通過編寫<%= elementId.ClientID %>來獲得客戶端ID。

3)像jQuery這樣的庫可能對於簡化開發很有幫助。使用jQuery,您可以使用$.click函數將事件附加到按鈕單擊事件。您可以使用$.show函數來顯示隱藏的元素。