Modelos de Códigos: Tela de cadastro de clientes com list box

Olá Pessoal

Neste artigo mostrarei como fazer uma tela(protótipo) para cadastramento de clientes e seleção de assuntos de interesse do cliente. É apenas uma demonstração do nosso curso de C# onde demonstramos a manipulação de ListBox em um WebForm.
Acompanhe o código abaixo e veja como ficou.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.style2
{
width: 96px;
height: 34px;
}
.style3
{
height: 34px;
}
.style4
{
width: 123px;
}
.style5
{
width: 157px;
text-align: center;
}
.style6
{
text-align: center;
}
.style7
{
text-align: left;
}
</style>
</head>
<form id="form1" runat="server">
<table align="center">
<tr>
<td class="style6" colspan="2">
Cadastro de Clientes</td>
</tr>
<tr>
<td class="style6">
 </td>
<td>
 </td>
</tr>
<tr>
<td class="style7">
<asp:Label ID="Label1" runat="server" Text="Nome"></asp:Label>
</td>
<td>
<asp:TextBox ID="nome" runat="server" Columns="50" Font-Size="Medium"
Height="28px" MaxLength="50" Width="431px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style7">
<asp:Label ID="Label2" runat="server" Text="Endereço"></asp:Label>
</td>
<td>
<asp:TextBox ID="endereco" runat="server" Columns="50" Font-Size="Medium"
Height="28px" MaxLength="50" Width="431px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style7">
<asp:Label ID="Label3" runat="server" Text="Telefone"></asp:Label>
</td>
<td>
<asp:TextBox ID="telefone" runat="server" Columns="14" Font-Size="Medium"
MaxLength="14"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style7">
<asp:Label ID="Label4" runat="server" Text="Bairro"></asp:Label>
</td>
<td>
<asp:TextBox ID="Bairro" runat="server" Columns="30" Font-Size="Medium"
Height="22px" MaxLength="30" Width="261px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style7">
<asp:Label ID="Label5" runat="server" Text="Cidade"></asp:Label>
</td>
<td>
<asp:TextBox ID="cidade" runat="server" Columns="30" Font-Size="Medium"
Height="22px" MaxLength="30" Width="261px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style7">
<asp:Label ID="Label6" runat="server" Text="Estado"></asp:Label>
</td>
<td>
<asp:DropDownList ID="estado" runat="server">
<asp:ListItem Value="AC">Acre</asp:ListItem>
<asp:ListItem Value="AL">Alagoas</asp:ListItem>
<asp:ListItem Value="AP">Amapá</asp:ListItem>
<asp:ListItem Value="AM">Amazonas</asp:ListItem>
<asp:ListItem Value="BA">Bahia</asp:ListItem>
<asp:ListItem Value="CE">Ceará</asp:ListItem>
<asp:ListItem Value="DF">Distrito Federal</asp:ListItem>
<asp:ListItem Value="ES">Espirito Santo</asp:ListItem>
<asp:ListItem Selected="True" Value="GO">Goiás</asp:ListItem>
<asp:ListItem Value="MA">Maranhão</asp:ListItem>
<asp:ListItem Value="MT">Mato Grosso </asp:ListItem>
<asp:ListItem Value="MS">Mato Groso do Sul</asp:ListItem>
<asp:ListItem Value="MG">Minas Gerais</asp:ListItem>
<asp:ListItem Value="PA">Pará</asp:ListItem>
<asp:ListItem Value="PB">Paraíba</asp:ListItem>
<asp:ListItem Value="PR">Paraná</asp:ListItem>
<asp:ListItem Value="PE">Pernambuco</asp:ListItem>
<asp:ListItem Value="PI">Piauí</asp:ListItem>
<asp:ListItem Value="RJ">Rio de Janeiro</asp:ListItem>
<asp:ListItem Value="RN">Rio Grande do Norte</asp:ListItem>
<asp:ListItem Value="RS">Rio Grande do Sul</asp:ListItem>
<asp:ListItem Value="RO">Rondônia</asp:ListItem>
<asp:ListItem Value="RR">Roraíma</asp:ListItem>
<asp:ListItem Value="SP">São Paulo</asp:ListItem>
<asp:ListItem Value="SC">Santa Catarina</asp:ListItem>
<asp:ListItem Value="SE">Sergipe </asp:ListItem>
<asp:ListItem Value="TO">Tocantins</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td class="style7">
<asp:Label ID="Label7" runat="server" Text="CPF"></asp:Label>
</td>
<td>
<asp:TextBox ID="cpf" runat="server" Columns="14" MaxLength="14"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style6">
 </td>
<td>
<table style="width:100%;">
<tr>
<td class="style4" style="text-align: center">
<asp:Label ID="Label9" runat="server" Text="Assuntos"></asp:Label>
</td>
<td class="style5">
<asp:Label ID="Label11" runat="server" Width="20px"></asp:Label>
</td>
<td style="text-align: center">
<asp:Label ID="Label10" runat="server" Text="Prediletos"/>
</td>
</tr>
<tr>
<td class="style4" rowspan="4">
<asp:ListBox id="assuntos" runat="server" Height="116px" Width="121px">
<asp:ListItem Value="inf">Informatica</asp:ListItem>
<asp:ListItem Value="Aut">Automóvel</asp:ListItem>
<asp:ListItem Value="Cul">Cultura</asp:ListItem>
<asp:ListItem Value="Cui">Culinaria</asp:ListItem>
<asp:ListItem Value="Tre">Treinamento</asp:ListItem>
<asp:ListItem Value="Fin">Finanças</asp:ListItem>
<asp:ListItem Value="Rel">Religião </asp:ListItem>
<asp:ListItem Value="Pol">Política</asp:ListItem>
</asp:ListBox>
</td>
<td class="style5">
<asp:Button ID="tudoL" runat="server" Text="<<" onclick="tudoL_Click"
ToolTip="Limpar todos os assuntos prediletos e voltar para assuntos" />
</td>
<td rowspan="4">
<asp:ListBox ID="prediletos" runat="server" Height="119px" Width="132px"
SelectionMode="Multiple">
</asp:ListBox>
</td>
</tr>
<tr>
<td class="style5">
<asp:Button ID="tudoR" runat="server" Text=">>" onclick="tudoR_Click" />
</td>
</tr>
<tr>
<td class="style5">
<asp:Button ID="RtoL" runat="server" Text=" < " onclick="RtoL_Click" />
</td>
</tr>
<tr>
<td class="style5">
<asp:Button ID="LtoR" runat="server" onclick="LtoR_click" Text=" > " />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="style2">
</td>
<td class="style3">
<asp:Button ID="Button1" runat="server" onclick="limparCampos" Text="Limpar" />
<asp:Label ID="Label8" runat="server" Height="17px" Width="304px">
</asp:Label>
<asp:Button ID="Salvar" runat="server" Text="Salvar" />
</td>
</tr>
</table>
   
</form>
<script language="C#" runat="server">

</script>
</html>

agora no arquivo Default.aspx.cs coloque.

Espero que tenham gostado deste código e desafio você a fazer o restante do código. Abraço a todos.
Jorge Albernaz Martins.'.

Modelos de Códigos

segunda-feira, 14 de maio de 2012

Tela de cadastro de clientes com list box

Nenhum comentário:

Postar um comentário