Exibir / Ocultar conjunto de ferramentas

Exibir / Ocultar conjunto de ferramentas

Às vezes necessitamos exibir e/ou ocultar um conjunto de ferramentas dentro do nosso sistema em diversas situações.

Abaixo segue alguns exemplos:

Exemplo 01:

if (DropDownList.SelectedValue == "Selecionar")

{

lblCliente.Visible = false;

       txtCliente.Visible = false;

       lblFuncionario.Visible = false;

       txtFuncionario.Visible = false;

lblAluno.Visible = false;

       txtAluno.Visible = false;

}

else if (DropDownList.SelectedValue == "Cliente")

{

lblCliente.Visible = true;

       txtCliente.Visible = true;

       lblFuncionario.Visible = false;

       txtFuncionario.Visible = false;

lblAluno.Visible = false;

       txtAluno.Visible = false;

}

else if (DropDownList.SelectedValue == "Funcionário")

{

lblCliente.Visible = false;

       txtCliente.Visible = false;

       lblFuncionario.Visible = true;

       txtFuncionario.Visible = true;

lblAluno.Visible = false;

       txtAluno.Visible = false;

}

else

{

lblCliente.Visible = false;

       txtCliente.Visible = false;

       lblFuncionario.Visible = false;

       txtFuncionario.Visible = false;

lblAluno.Visible = true;

       txtAluno.Visible = true;

}

Dica: Quando usamos poucas ferramentas o exemplo à cima é bem interessante, porém quando utilizamos muitas ferramentas o nosso código fica muito extenso.

Uma dica é a utilização de PANEL (Painéis). Dentro dos Painéis podemos colocar diversas ferramentas como Label, TextBox, entre outras...

Exemplo 02:

if (DropDownList.SelectedValue == "Selecionar")

{

panelCliente.Visible = false;

panelFuncionario.Visible = false;

panelAluno.Visible = false;

}

else if (DropDownList.SelectedValue == "Cliente")

{

panelCliente.Visible = true;

panelFuncionario.Visible = false;

panelAluno.Visible = false;      

}

else if (DropDownList.SelectedValue == "Funcionário")

{

panelFuncionario.Visible = true;

panelCliente.Visible = false;

panelAluno.Visible = false;

}

else

{

panelAluno.Visible = true;

panelCliente.Visible = false;

panelFuncionario.Visible = false;

}

//Abaixo segue um exemplo para criação de um panel

<asp:Panel ID="panelCliente" runat="server" Visible="false">

<table width="100%">

<tr align="left">

                    <td class="style2">

                                  Cliente:

</td>

<td>

                                  Endereço:

                    </td>

</tr>

<tr align="left">

                    <td class="style2">

                                  <asp:TextBox ID="txtCliente" runat="server" Width="150px"></asp:TextBox>

</td>

<td>

                                  <asp:TextBox ID="txtEnd" runat="server" Width="150px"></asp:TextBox>

</td>

</tr>

             <tr align="left">

                    <td colspan=3>

                                  <asp:Button ID="btnCliente" runat="server" Text="Cliente" Width="150px" />

</td>

</tr>

</table>

</asp:Panel>