내가 HTML 코드 아래에 얼마나 JQuery와

Question

을 통해 버튼 클릭에 대한 전체 TR을 숨기려면

<table class="innerGridTable" cellpadding="0" cellspacing="0" width="100%"> 
    <tr id="trMain"> 
     <td> 
      <asp:Button ID="btnOrgReport" CssClass="Button" runat="server" Text="Organisation Reports" /> 
     </td> 
     <td> 
      <asp:Button ID="btnCPUserReport" CssClass="Button" runat="server" Text="User Reports" /> 
     </td> 
     <td> 
      <asp:Button ID="btnTrainingEventReports" CssClass="Button" runat="server" Text="Training Event Reports" /> 
     </td> 
     <td> 
      <asp:Button ID="btnTokenManagementReport" CssClass="Button" runat="server" Text="Token Management Reports" /> 
     </td> 
     <td> 
      <asp:Button ID="btnLogBookReport" CssClass="Button" runat="server" Text="Log Book Reports" /> 
     </td> 
    </tr> 
    <tr id="trOrg"> 
     <td> 
      <asp:Button ID="btnOrganisationReport" CssClass="Button" runat="server" Text="Organisation Report" /> 
     </td> 

     <td> 
      <asp:Button ID="btnOraganisationTotal" CssClass="Button" runat="server" Text="Total Organisation Report" /> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
    </tr> 
    <tr id="trCPUser"> 
     <td> 
      <asp:Button ID="btnCPUser" CssClass="Button" runat="server" Text="CP User" /> 
     </td> 

     <td> 
      <asp:Button ID="btnCPUserSubTotal" CssClass="Button" runat="server" Text="CP User Sub Total Report" /> 
     </td> 
     <td> 
      <asp:Button ID="btnContactPointUserHistory" CssClass="Button" runat="server" Text="ContactPoint User History Report" /> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
    </tr> 

    <tr id="trTraining"> 
     <td> 
      <asp:Button ID="btnTrainingCourse" CssClass="Button" runat="server" Text="Training Course" /> 
     </td> 

     <td> 
      <asp:Button ID="btnTrainingCourseTrainer" CssClass="Button" runat="server" Text="Training Course Trainer" /> 
     </td> 

     <td> 
      <asp:Button ID="btnTrainingCourseDelegate" CssClass="Button" runat="server" Text="Training Course Delegate" /> 
     </td> 

     <td> 
      <asp:Button ID="btnTrainingVenue" CssClass="Button" runat="server" Text="Training Course Venue" /> 
     </td> 
     <td> 
     </td> 

    </tr> 
</table> 

는 지금은 버튼 클릭을 숨기려. 위의 코드에서 한 예를 들어 보겠습니다. tr id = "trMain"에 다섯 개의 마스터 버튼이있는 것을 확인하면

이 표시됩니다. "btnOrgReport", "btnCPUserReport", "btnTrainingEventReport", "btnTokenManagementReport", "btnLogBookReport" 이하는 자식 버튼 tr이며 마스터 버튼 클릭에 따라 표시됩니다.

내가, "btnOrgReport" 다음 다른 모든 아이 그럴 ID = "trCPUser을"숨길 ID = "trTraining"을 클릭 만 TR ID를 = "trOrg" 그리고 만약 사용자가 클릭 게재 여부를 말한다 btnCPUserReport에있는 경우에만 tr id = "trCPUser"이 표시되고 다른 tr은 숨겨집니다.

Jquery를 사용 하시겠습니까?

감사합니다,

최고 감사합니다, 모든 행이 복원됩니다 클릭에

솔

Answer 1

<asp:Button ID="btnOrgReport" CssClass="Button" runat="server" 
Text="Organisation Reports" OnClientClick="hideRow('trOrg');" /> 

function hideRow(r){ 
    $("table.innerGridTable tr").hide(); 
    $("table.innerGridTable tr#"+r).hide(); 

    return false; 
} 

하지만 다른 버튼 (외부 테이블을 아마?)이 필요할 수 있습니다

<input id="ShowAll" type="Button" text="SShowAll"/> 

$("#ShowAll").click(function(){$("table.innerGridTable tr").show();});