desenvolvimento de software para internet...software para internet 1 quarta-feira, 12 de setembro de...

DESENVOLVIMENTO DE SOFTWARE PARA INTERNET

1

quarta-feira, 12 de setembro de 12

WEB SERVER CONTROLS

2


CONTROLE BUTTON

O controle Button, muitas vezes chamado de botão de comando, é usado pelo usário em uma página ASP.NET com o intuito de enviar comandos para o servidor web:

3

<form id=”form1” runat=”server”><div>

<asp:Button ID=”Button1” runat=”server” Text=”Controle Button”/></div>

</form>

Existem 3 tipos de botões de comando no ASP.NET:• Button• LinkButton• ImageButtonEstes possuem diversas propriedades em comum.


CONTROLE BUTTON

Propriedade CommandName: define comandos associados a um botão de comando específico.

4

<asp:Button ID=”Button1” CommandName=”Sort” runat=”server” Text=”Button”/>

Propriedade CommandArgument: define parâmetros opcionais passados para o comando.

<asp:Button ID=”Button1” CommandName=”Sort” CommandArgument=”Desc” runat=”server” Text=”Button”/>

Propriedade CausesValidation: indica se a validação deve ser executada quando o controle for clicado.

<asp:Button ID=”Button1” CausesValidation=”false” runat=”server” Text=”Button”/>


CONTROLE BUTTON

5

<%@ Page Language="C#" AutoEventWireup="True" %><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>Button CommandName Example</title><script runat="server">

void CommandBtn_Click(Object sender, CommandEventArgs e) { switch(e.CommandName) { case "ORDENAR": Sort_List((String)e.CommandArgument); break; case "ENVIAR": Message.Text = "Você clicou no botão enviar."; break; default: Message.Text = "Command name não informado."; break; } }

void Sort_List(string commandArgument) { switch(commandArgument) { case "ASCENDENTE": Message.Text = "Você clicou no Ascendente"; break; case "DESCENDENTE": Message.Text = "Você clicou no Descendente"; break; default: Message.Text = "Command argument não informado."; break; } }

</script></head>

<body> <form id="form1" runat="server">

<asp:Button id="Button1" Text="Ordenar Ascendente" CommandName="ORDENAR" CommandArgument="ASCENDENTE" OnCommand="CommandBtn_Click" runat="server"/>

<asp:Button id="Button2" Text="Ordenar Descendente" CommandName="ORDENAR" CommandArgument="DESCENDENTE" OnCommand="CommandBtn_Click" runat="server"/>

<asp:Button id="Button3" Text="Submit" CommandName="ENVIAR" OnCommand="CommandBtn_Click" runat="server"/>

<asp:Button id="Button4" Text="Unknown Command Name" CommandName="SemNome" CommandArgument="SemArgumento" OnCommand="CommandBtn_Click" runat="server"/>

<asp:Button id="Button5" Text="Submit Unknown Command Argument" CommandName="ENVIAR" CommandArgument="SemArgumento" OnCommand="CommandBtn_Click" runat="server"/>

<asp:Label id="Message" runat="server"/> </form></body></html>


http://www.w3.org/1999/xhtml

http://www.w3.org/1999/xhtml

CONTROLE BUTTON

EnableViewState: mantém o estado do controle a cada PostBack, nome usado para definir o ato de recarregar o conteúdo da página.

6

<asp:Button ID=”Button1” EnableViewState=”false” runat=”server” Text=”Button”/>

ViewStateMode: mantém o estado da página a cada PostBack. É possível trabalhar com a combinação de ambas propriedades, quando se necessidade manter o estado de apenas um controle.

<%@ Page Language=”C#” ViewStateMode=”Disabled” EnableViewState=”true” %><form id=”form1” runat=”server”>

<div><asp:GridView ViewStateMode=”Enabled” EnableViewState=”true” ID=”GridView1” runat=”server”></asp:GridView>

</div></form>


CONTROLE BUTTON

Enabled: ativa ou desativa um controle.

7

<asp:Button ID=”Button1” Enabled=”false” runat=”server” Text=”Button”/>

Visible: controla a visibilidade de um controle.<asp:Button ID=”Button1” Visible=”true” runat=”server” Text=”Button”/>

Width e Height: definir a largura e a altura de um controle, respectivamente.<asp:Button ID=”Button1” runat=”server” Text=”Button” Height=”25px” Width=”50px”/>

BackColor: definir a cor de fundo.<asp:Button ID=”Button1” runat=”server” Text=”Button” BackColor=”Blue”/>


CONTROLE BUTTON

Enabled: ativa ou desativa um controle.

7

<asp:Button ID=”Button1” Enabled=”false” runat=”server” Text=”Button”/>

Visible: controla a visibilidade de um controle.<asp:Button ID=”Button1” Visible=”true” runat=”server” Text=”Button”/>

Width e Height: definir a largura e a altura de um controle, respectivamente.<asp:Button ID=”Button1” runat=”server” Text=”Button” Height=”25px” Width=”50px”/>

BackColor: definir a cor de fundo.<asp:Button ID=”Button1” runat=”server” Text=”Button” BackColor=”Blue”/>

Praticamente todos os web server control têm as propriedades EnableViewState, Enabled, Visible, Width,

Height e BackColor.


CONTROLE TEXTBOX

Utilizado para digitar informações em um formulário. A propriedade TextMode define como as informações são exibidas pelo controle TextBox.

8

Membro DescriçãoMultiLine Exibe o texto em múltplas linhas.Password Exibe uma máscara que impede a visualização do texto.SingleLine Exibe o texto em uma única linha.


CONTROLE TEXTBOX

MaxLength: define o comprimento máximo do texto digitado no controle. Deve ser definido como um valor inteiro. Muito utilizado para limitar um campo de acordo com a capacidade do respectivo campo no banco de dados, evitando assim inconsistências e erros em tempo de execução.

9


<asp:TextBox ID=”txtnome” reunat=”server” MaxLength=”50” TextMode=”SingleLine”></asp:TextBox>

</div></form>


CONTROLE TEXTBOX

AutoCompleteType: se define esta propriedade para facilitar o preenchimento de um formulário pelo usuário. Muitos browsers possuem uma facilidade chamada AutoComplete, que cria uma lista de valores inseridos pelo usuário e quando o usuário volta a inserir um novo valor no mesmo campo, a lista de valores já inseridos é apresentada e permite ao usuário selecionar um valor ao invés de digitá-lo novamente.Quando você utiliza a propriedade AutoCompleteType, todos os controles com a mesma categoria compartilham a mesma lista. Para desabilitar o AutoComplete basta configurar a propriedade AutoCompleteType para Disable.

10


HYPERLINKS

Hyperlink em HTML:

11

<a href=”http://www.unip.br”>UNIP</a>

Para interagir com o hyperlink, deve-se usar o web server control HyperLink:<form id=”form1” runat=”server”>

<div><asp:HyperLink ID=”HyperLink1” reunat=”server” Text=”Universidade Paulista” NavigateUrl=”http://www.unip.br”/>

</div></form>

ImageUrl: define uma imagem para o HyperLinkTarget: define em qual janela ou frame será exibido o HyperLink. Valores: _blank, _parent, _search, _self e _top.EnableViewState: ativa ou desativa o estado do controle


CONTROLE LINKBUTTON

Cria um hyperlink na página e tem a mesma aparência do controle HyperLink, porém contém algumas propriedades do controle Button.

12


<asp:LinkButton ID=”LinkButton1” runat=”server” PostBackUrl=”http://www.unip.br”>Universidade Paulista</asp:LinkButton>

</div></form>

Assim como no Button, também podemos utilizar o evento Command junto das propriedades CommandName e CommandArgument, para definir qual controle LinkButton foi clicado e fornecer informações extras para o comando.


CONTROLE LINKBUTTON

Cria um hyperlink na página e tem a mesma aparência do controle HyperLink, porém contém algumas propriedades do controle Button.

12


<asp:LinkButton ID=”LinkButton1” runat=”server” PostBackUrl=”http://www.unip.br”>Universidade Paulista</asp:LinkButton>

</div></form>

Assim como no Button, também podemos utilizar o evento Command junto das propriedades CommandName e CommandArgument, para definir qual controle LinkButton foi clicado e fornecer informações extras para o comando.

Quando você define os eventos Click ou Command, a propriedade PostBackUrl é ignorada.


CONTROLE LINKBUTTON

13

<html><head>

<script language=”C#” runat=”server”>void LinkButton_Command(Object sender, CommandEventArgs e) {

lblSaida.Text = “Item selecionado: ” + e.CommandName + “=” + e.CommandArgument;

}</script>

</head><form id=”Form1” runat=”server”>

<h4>Exemplo com o evento Command do controle LinkButton</h4><asp:LinkButton ID=”LinkButton1” Text=”Pedido 201” CommandName=”Pedido” CommandArgument=”201” OnCommand=”LinkButton_Command” runat=”server”/><br><asp:LinkButton ID=”LinkButton2” Text=”Pedido 202” CommandName=”Pedido” CommandArgument=”202” OnCommand=”LinkButton_Command” runat=”server”/><p><asp:Label id=”lblSaida” runat=”server”/>

</form></body>

</html>


CONTROLE LINKBUTTON

14

Também é possível ter o controle Button fazendo o papel de um hyperlink, através de códigos javaScript:


<asp:Button ID=”btnAcessar” runat=”server” Text=”Acessar página”/></div>

</form>

Código definido no Page_Load:protected void Page_Load(object sender, EventArgs e) {

btnAcessar.Attributes.Add(“onClick”, “javascript:windows.open(‘http://www.unip.br’);”);

}


MARCADORES E LISTAS

15

O controle BulletedList é usado para criar listas numeradas ou marcadores de itens, bem como para exibir itens do tipo texto ou hyperlinks:


<asp:BulletedList ID=”BulletedList1” runat=”server”/></div>

</form>

A propriedade Items pode ser usada para adicionar itens ao controle:

BulletedList1.Items.Add(new ListItem(“A”, “1”));BulletedList1.Items.Add(new ListItem(“B”, “2”));BulletedList1.Items.Add(new ListItem(“C”, “3”));BulletedList1.Items.Add(new ListItem(“D”, “4”));BulletedList1.Items.Add(new ListItem(“E”, “5”));


MARCADORES E LISTAS

15

O controle BulletedList é usado para criar listas numeradas ou marcadores de itens, bem como para exibir itens do tipo texto ou hyperlinks:


<asp:BulletedList ID=”BulletedList1” runat=”server”/></div>

</form>

A propriedade Items pode ser usada para adicionar itens ao controle:

BulletedList1.Items.Add(new ListItem(“A”, “1”));BulletedList1.Items.Add(new ListItem(“B”, “2”));BulletedList1.Items.Add(new ListItem(“C”, “3”));BulletedList1.Items.Add(new ListItem(“D”, “4”));BulletedList1.Items.Add(new ListItem(“E”, “5”));

Propriedade Text

Propriedade Value


MARCADORES E LISTAS

16

Você também pode adicionar itens sem valores:

BulledtedList1.Items.Add(“A”);ouBulledtedList1.Items.Add(new ListItem(“B”));

A propriedade Items também é utilizada pelo scontroles ListBox, DropDownList, CheckBoxList e RadioButtonList. Também é possível utilizar a propriedade DataSource para adicionar itens de um objeto List ou banco de dados:List<string> lst = new List<string>();lst.Add(“A”);lst.Add(“B”);lst.Add(“C”);lst.Add(“C”);BulletedList1.DataSource = lst;BulletedList1.DataBind();


MARCADORES E LISTAS

17

Caso sua lista de itens ou marcadores for estática, você poderá adicionar os itens manualmente, usando a propriedade Items na janela de propriedades do controle BulletedList


MARCADORES E LISTAS

18

Depois de acrescentar os itens, a declaração do controle BulletedList fica assim:


<asp:BulletedList ID=”BulletedList1” runat=”server”><asp:ListItem Value=”1”>Futebol</asp:ListItem><asp:ListItem Value=”2”>Vôlei</asp:ListItem><asp:ListItem Value=”3”>Tênis</asp:ListItem><asp:ListItem Value=”4”>Basquete</asp:ListItem>

</asp:BulletedList></div>

</form>


MARCADORES E LISTAS

19

DisplayMode: modo como os itens aparecem na tela.

Membro Descrição

Text Exibe o item como texto simples. Valor-padrão.

HyperLink Define o item como um hyperlink. A propriedade Value deve conter a URL do link.

LinkButton Define um item como um controle LinkButton. Utilize o evento Click do controle BulletedList.


MARCADORES E LISTAS

20

BulletStyle: define a aparência do controle BulletedList.

Membro DescriçãoCircle Usa um círculo vazio como marcador.

CustomImage O marcador é uma imagem. Define a propriedade BulletImageUrl com a URL da imagem.

Disc Usa um círculo preenchido como marcador.

LowerAlpha Utiliza como marcador letras minúsculas.

LowerRoman Utiliza como marcador algarismos romanos em letras minúsculas.

NotSet Marcador não definido.

Numbered O marcador é um número. A propriedade FirstBulletNumber define o valor inicial da lista.

Square O marcador é um quadrado preenchido.

UpperAlpha Utiliza como marcador letras maiúsculas.

UpperRoman Utiliza como marcador algarismos romanos em letras maiúsculas.


MARCADORES E LISTAS

21

O evento Click pode ser usado para interagir com os itens clicados pelo usuário.


<asp:BulletedList ID=”BulletedList1” runat=”server” onClick=”BulletedList1_Click” DisplayMode=”LinkButton”>

<asp:ListItem Value=”1”>Futebol</asp:ListItem><asp:ListItem Value=”2”>Vôlei</asp:ListItem><asp:ListItem Value=”3”>Tênis</asp:ListItem><asp:ListItem Value=”4”>Basquete</asp:ListItem>

</asp:BulletedList></div>

</form>

protected void BulletedList1_Click(object sender, BulletedListEventArgs e) {Response.Write(“Propriedade Value = ” + BulletedList1.Itens[e.Index].Value);

}


CONTROLE PANEL

22

Usado como container na página para outros controles, sendo útil para criar grupos distintos de controles ou para exibir ou ocultar controles da página.


<asp:Panel runat=”server” BackColor=”Control” Height=”50px” Width=”125px”></asp:Panel>

</div></form>


CONTROLE PANEL

23

DefaultButton: define qual é o controle Button padrão dentro do Panel. Caso o usuário pressione Enter em um controle TextBox, o evento Click do botão será executado.<form id=”form1” runat=”server”>

<div><asp:Panel ID=”Panel1” HorizontalAlign=”Center” runat=”server” BackColor=”Control” Height=”64px” Width=”293px” DefaultButton=”Button1”>

<br/><asp:TextBox ID=”TextBox1” runat=”server” Width=”169px”></asp:TextBox><asp:Button ID=”Button1” runar=”server” Text=”Ok”/><br/>

</asp:Panel></div>

</form>


CONTROLE PANEL

24

GroupingText: define um título para o controle Panel.<form id=”form1” runat=”server”>

<div><asp:Panel runat=”server” Height=”50px” Width=”125px” GroupingText=”Exemplo com Panel”>

<asp:Button ID=”Button1” runar=”server” Text=”Button”/></asp:Panel>

</div></form>


CONTROLE PLACEHOLDER

25

Adiciona um controle container vazio à página e pode ser preenchido com outros controles em tempo de execução. Útil para dividir a página em áreas, por exemplo: Menu, logo, conteúdo da página, etc.<form id=”form1” runat=”server”>

<div><asp:PlaceHolder ID=”PlaceHolder1” runat=”server”></asp:PlaceHolder>

</div></form>

protected void Page_Load(object sender, EventArgs e) {TextBox txt = new TextBox();Button btn = new Button();btn.Text = “Ok”;PlaceHolder1.Controls.Add(txt);PlaceHolder1.Controls.Add(btn);

}


CONTROLE MULTIVIEW

26

É um container para um ou mais controles View, os quais podem conter qualquer combinação de controles. A visibilidade dos controles View dentro do container MultiView é controlada pela propriedade ActiveViewIndex. Cada controle View dentro do controle MultiView é um painel independente.


CONTROLE MULTIVIEW

27

No exemplo, os controles RadioButton são responsáveis pela visibilidade dos controles View1 e View2.

public partial class MultiView:System.web.UI.Page {protected void rndFisica_CheckedChanged(object sender, EventArgs e) {

if (rndFisica.Checked) {MultiView1.ActiveViewIndex = 1;

}else if (rndJuridica.Checked) {

MultiView1.ActiveViewIndex = 0;}

}}


CONTROLE IMAGE

28

Exibe imagens em uma página ASP.NET. A propriedade ImageUrl contém a URL da imagem.


<asp:Image ID=”Image1” runat=”server” ImageUrl=”˜/Livro.gif”/></div>

</form>

ImageAlign: posiciona a imagem em em relação a outros elementos da página:

<asp:Image ID=”Image1” runat=”server” ImageAlign=”Left” ImageUrl=”˜/Livro.gif”/>

AlternateText: define o texto alternativo exibido quando não é possível exibir a imagem::

<asp:Image ID=”Image1” runat=”server” AlternateText=”Imagem Livro.gif” ImageUrl=”˜/Livro.gif”/>


CONTROLE TABLE, TABLEROW E TABLECELL

29

O controle Table, em conjunto com os controles TableRow e tableCell, exibe uma tabela em uma página ASP.NET. Para exibir tabelas estáticas, utilize elementos HTML; para exibir tabelas dinâmicas, use os controles Table, TableRow e TableCell.

<table><tr>

<td style=”width: 100px”>Nome:</td><td style=”width: 100px”>Profissão</td>

</tr><tr>

<td style=”width: 100px”>Alfredo</td><td style=”width: 100px”>Programador/Escritor</td>

</tr><tr>

<td style=”width: 100px”>Maria</td><td style=”width: 100px”>Contadora</td>

</tr></table>



30



31



32

Controle ASP.NET Table:<form id=”form1” runat=”server”>

<div><asp:Table ID=”Table1” runat=”server”width=”241px”>

<asp:TableRow runat=”server”><asp:TableCell runat=”server”>Nome</asp:TableCell><asp:TableCell runat=”server”>Profissão</asp:TableCell>

</asp:TableRow><asp:TableRow runat=”server”>

<asp:TableCell runat=”server”>Alfredo</asp:TableCell><asp:TableCell runat=”server”>Programador/Escritor</asp:TableCell>

</asp:TableRow><asp:TableRow ID=”TableRow1” runat=”server”>

<asp:TableCell runat=”server”>Maria</asp:TableCell><asp:TableCell runat=”server”>Contadora</asp:TableCell>

</asp:TableRow></asp:Table>

</div></form>


CONTROLE CHECKBOX E CHECKBOXLIST

33

O controle CheckBox permite ao usuário definir uma resposta do tipo sim ou não. Um controle CheckBox é um item independente, enquanto que um contorle ChockBoxList é uma coleção de itens, que são formados por CheckBox.


<asp:Panel ID=”Panel1” runat=”server” Font-‐Names=”Verdana” Font-‐Size=”X-‐Small” GroupingText=”Qual linguagem de programação você utiliza?” Height=”50px” Width=”125px”>

<asp:CheckBox ID=”chkC” runat=”server” Text=”C#”/><asp:CheckBox ID=”chkB” runat=”server” Text=”Visual Basic”/>

</asp:Panel></div>

</form>



34

TextAlign: define o alinhamento do texto na página.Checked: define a caixa de seleção como ativa.


<asp:Panel ID=”Panel1” runat=”server” Font-‐Names=”Verdana” Font-‐Size=”X-‐Small” GroupingText=”Qual linguagem de programação você utiliza?” Height=”50px” Width=”125px” Wrap=”False”>

<asp:CheckBox ID=”chkC” runat=”server” Checked=”True” Text=”C#” TextAlign=”Right”/><asp:CheckBox ID=”chkB” runat=”server” Text=”Visual Basic” TextAlign=”Right”/>

</asp:Panel></div>

</form>

A propriedade Checked verifica o estado atual da caixa de seleção:protected void Button1_Click(object sender, EventArgs e) {

if (chkC.Checked) {Response.Write(“Você selecionou C#”);

{}



35

Podemos acrescentar itens a um controle CheckBoxList usando o botão construtor da propriedade Items localizado na janela de propriedades.



36

A codificação do controle ficará assim:


<asp:CheckBoxList ID=”CheckBoxList1” runat=”server”><asp:ListItem>Inglês</asp:ListItem><asp:ListItem>Espanhol</asp:ListItem><asp:ListItem>Alemão</asp:ListItem><asp:ListItem>Francês</asp:ListItem><asp:ListItem>Italiano</asp:ListItem>

</asp:CheckBoxList></div>

</form>



37

Para acessar os itens do controle CheckBoxList, percorra todos os itens e verifique quais estão selecionados com a propriedade Selected. Exiba o texto do item com a propriedade Text.

protected void Button1_Click(object sender, EventArgs e) {for (int i=0; i<CheckBoxList1.Items.Count; i++) {

if (CheckBoxList1.Items[i].Selected) {Response.Write(CheckBoxList1.Items[i].Text);

}}

}



38

Response.Write(“O primeiro item selecionado é: ” + CheckBoxList1.SelectedIndex);

SelectedIndex: retorna o menor index entre os elementos selecionados. Retornará -1 caso nenhum item esteja selecionado.

CheckBoxList1.Items.RemoveAt(CheckBoxList1 .SelectedIndex);

RemoveAt: exclui um item, através o número do index informado.

CheckBoxList1.Items.Clear();

Clear: elimina todos os itens de um CheckBoxList.


CONTROLE RADIOBUTTON E RADIOBUTTONLIST

39

Também conhecidos como botões de opções, existem em um grupo no qual somente um deles pode ser selecionado pelo usuário. Cada controle RadioButton é um botão, enquanto o RadioButtonList é uma coleção de botões RadioButton. A propriedade GroupName define a qual grupo pertence os RadioButton, agrupando asssim os controles.


<asp:RadioButton ID=”RadioButton1” runat=”server” GroupName=”linguagens” Text=”C#”/><asp:RadioButton ID=”RadioButton2” runat=”server” Text=”Visual Basic”/>

</div></form>


CONTROLE LISTBOX

40

Também conhecido como caixa de listagem, permite selecionar um ou mais itens em uma lista. As partes de uma cixa de listagem são:• Lista de itens• Item selecionado• Barra de rolagem


CONTROLE LISTBOX

41

Rows: define o número de linhas visíveis no controle.SelectionMode: define se é permitida ou não a seleção de múltiplos itens.


<asp:ListBox ID=”ListBox1” runat=”server” Rows=”8” SelectionMode=”Single”></asp:ListBox>

</div></form>


CONTROLE LISTBOX

42

Podemos acrescentar itens a um controle ListBox usando o botão construtor da propriedade Items localizado na janela de propriedades.


CONTROLE LISTBOX

43

A codificação do controle ficará assim:


<asp:ListBox ID=”ListBox1” runat=”server”><asp:ListItem Selected=”True” Value=”1”>Brasil</asp:ListItem><asp:ListItem Value=”2”>Uruguai</asp:ListItem><asp:ListItem Value=”3”>Argentina</asp:ListItem>

</asp:ListBox></div>

</form>


CONTROLE LISTBOX

44

A codificação do controle ficará assim:<form id=”form1” runat=”server”>

<div><asp:ListBox ID=”ListBox1” runat=”server”>

<asp:ListItem Selected=”True” Value=”1”>Brasil</asp:ListItem><asp:ListItem Value=”2”>Uruguai</asp:ListItem><asp:ListItem Value=”3”>Argentina</asp:ListItem>

</asp:ListBox></div>

</form>

Para selecionar um item use a propriedade Selected, ou a propriedade SelectedIndex:

ListBox1.SelectedIndex = 1;foreach(ListItem item in ListBox1.Items) {

if (item.Selected) {Response.Write(item.Text);

}}


CONTROLE LISTBOX

45

SelectedIndexChanged: evento que ocorre quando o usuário seleciona um item no controle ListBox.

protected void ListBox1_SelectedIndexChanged(object sender, System.EventArgs e) {

Label1.Text = “Você selecionou ” + ListBox1.SelectedItem.Text;}


<asp:Label ID=”Label1” runat=”server” Text=”Label”></asp:Label><asp:ListBox ID=”ListBox1” OnSelectedIndexChanged=”ListBox1_SelectedIndexChanged” runat=”server” Rows=”8” SelectionMode=”Single” AutoPostBack=”True”></asp:ListBox>

</div></form>


CONTROLE LISTBOX

46

ListBox1.Items.Remove(“Brasil”);

Remove: remove itens pelo nome.

ListBox1.Items.RemoveAt(0);

RemoveAt: remove itens pelo índice.

ListBox1.Items.Clear();

Clear: elimina todos os itens.


CONTROLE DROPDOWNLIST

47

Também conhecido como caixa de combinação, permite selecionar um ou mais itens em uma lista. O controle DropDownList é semelhante ao ListBox, porém os itens do controle ficam ocultos até que o usuário clique no botão Drop-down.


<asp:DropDownList ID=”DropDownList1” runat=”server” Height=”24px” Width=”119px”><asp:ListItem Value=”1”>Brasil</asp:ListItem><asp:ListItem Value=”2”>Japão</asp:ListItem><asp:ListItem Value=”3”>Chile</asp:ListItem>

</asp: DropDownList ></div>

</form>


CONTROLE DROPDOWNLIST

48


CONTROLE CALENDAR

49

Tem a aparência de um calendário tradicional e pode ser usado para informar a data atual, de eventos, programação de férias, promoções, etc. É possível selecionar uma data específica ou um intervalo de datas, que pode ser usado como filtro em uma consulta.


CONTROLE CALENDAR

50

SelectedDate: selecionar uma data específica.

Calendar1.SelectedDate = DateTime.Today;Calendar1.SelectedDate = new DateTime(2012, 10, 25);

SelectedDates: selecionar um intervalo de datas.

Calendar1.SelectedDates.SelectRange(DateTime.Today, DateTime.Today.AddDays(7));

Para ler uma data simples selecionada no Calendar:

Label1.Text = Calendar1.SelectedDate.ToShortDateString();


CONTROLE CALENDAR

51

Propriedades do controle Calendar:

Propriedade Descrição

ShowGridLines Oculta ou exibe linhas de grade.

ShowTitle Remove a barra de títulos.

TitleFormat Define o formato do título. Opções: Month e MonthYear.

ShowDayHeader Oculta ou exibe os dias da semana no cabeçalho.

DayNameFormat Define o formato dos dias da semana. Opções: Full, Short, FirstLetter, FirstTwoLetters e Shortest.

FirstDayOfWeek Define o primeiro dia da semana. o valor-padrão é domingo (Default).


BIBLIOGRAFIA

• Centro para Iniciantes Microsoft: http://msdn.microsoft.com/pt-br/beginner/default.aspx• Como Programar com ASP.NET e C# - Alfredo Lotar - novatec• Desenvolvendo para Web usando o Visual Studio 2008 - Ramon Durães - novatec

52


http://msdn.microsoft.com/library






desenvolvimento de software para internet...software para internet 1 quarta-feira, 12 de setembro de...

Documents