動態的控制Panel的顯隱並控制其內容

weixin_30924079發表於2020-04-04
1樓  

Panel    控制元件是其他控制元件的容器。如果打算以程式設計方式生成多個控制元件或者打算隱藏/顯示一組控制元件，此控制元件尤其有用。   
    
   下例說明如何使用    Panel    控制元件以程式設計方式生成控制元件和隱藏/顯示一組控制元件。   
    
   <%@    Page    Language="C#"    %>   
   <html>   
     <head>   
      
           <script    runat="server">   
      
                 void    Page_Load(Object    sender,    EventArgs    e)    {   
                      
                       //    Show    or    hide    the    Panel    contents.   
                      
                       if    (Check1.Checked)    {   
                             Panel1.Visible=false;   
                       }   
                       else    {   
                             Panel1.Visible=true;   
                       }   
      
                       //    Generate    the    Label    controls.   
                              
                       int    numlabels    =    Int32.Parse(DropDown1.SelectedItem.Value);   
                              
                       for    (int    i=1;    i<=numlabels;    i++)    {   
                             Label    l    =    new    Label();   
                             l.Text    =    "Label"    +    (i).ToString();   
                             l.ID    =    "Label"    +    (i).ToString();   
                             Panel1.Controls.Add(l);   
                             Panel1.Controls.Add(new    LiteralControl("<br>"));   
                       }   
      
                       //    Generate    the    Textbox    controls.   
                              
                       int    numtexts    =    Int32.Parse(DropDown2.SelectedItem.Value);   
                              
                       for    (int    i=1;    i<=numtexts;    i++)    {   
                             TextBox    t    =    new    TextBox();   
                             t.Text    =    "TextBox"    +    (i).ToString();   
                             t.ID    =    "TextBox"    +    (i).ToString();   
                             Panel1.Controls.Add(t);   
                             Panel1.Controls.Add(new    LiteralControl("<br>"));   
                       }   
                 }   
      
           </script>   
      
     </head>   
     <body>   
      
           <h3>Panel    Example</h3>   
      
           <form    runat=server>   
      
                 <asp:Panel    id="Panel1"    runat="server"   
                           BackColor="gainsboro"   
                           Height="200px"   
                           Width="300px">   
      
                           Panel1:    Here    is    some    static    content...   
                           <p>   
      
                 </asp:Panel>   
      
                 <p>   
                      
                 Generate    Labels:   
                 <asp:DropDownList    id=DropDown1    runat="server">   
                       <asp:ListItem    Value="0">0</asp:ListItem>   
                       <asp:ListItem    Value="1">1</asp:ListItem>   
                       <asp:ListItem    Value="2">2</asp:ListItem>   
                       <asp:ListItem    Value="3">3</asp:ListItem>   
                       <asp:ListItem    Value="4">4</asp:ListItem>   
                 </asp:DropDownList>   
      
                 <br>   
                      
                 Generate    TextBoxes:   
                 <asp:DropDownList    id=DropDown2    runat="server">   
                       <asp:ListItem    Value="0">0</asp:ListItem>   
                       <asp:ListItem    Value="1">1</asp:ListItem>   
                       <asp:ListItem    Value="2">2</asp:ListItem>   
                       <asp:ListItem    Value="3">3</asp:ListItem>   
                       <asp:ListItem    Value="4">4</asp:ListItem>   
                 </asp:DropDownList>   
      
                 <p>   
                 <asp:CheckBox    id="Check1"    Text="Hide    Panel"    runat="server"/>   
                              
                 <p>   
                 <asp:Button    Text="Refresh    Panel"    runat="server"/>   
      
            
           </form>   
      
     </body>   
     </html>   

轉載於:https://www.cnblogs.com/jxcia_Lai/archive/2009/06/23/1508916.html

相關文章