IA

1. Lección 1: Explorando controles de servidor comunes
Aplicaciones Web
Capítulo 4:

2. Propiedad Descripción
AccessKey La tecla de acceso directo del teclado. AccessKey puede especificar una sola letra o
número que el usuario puede pulsar mientras se mantiene pulsada la tecla Alt. Por ejemplo,
Q especificar si desea que el usuario presione Alt + Q para acceder al control
BackColor El color de fondo del control, que se puede configurar mediante el uso de
identificadores de color HTML estándar, como los valores RGB de color rojo o azul, o
expresado en formato hexadecimal (# ffffff).
BorderColor El color del borde del control, que se puede establecer mediante norma
Identificadores de color HTML, como los valores de color negro o rojo o RGB expresado
en formato hexadecimal (# ffffff)
BorderWidth El ancho del borde del control en píxeles.
BorderStyle El estilo de borde, si hay alguna. Los valores posibles son NotSet, None,
Dotted, Dashed, Solid, Double, Groove, Ridge, Inset, and Outset
CssClass El estilo de css para asignar al control
Propiedades comunes

3. Propiedad Descripción
Style Una lista de todas las propiedades de css que se aplica al
control de servidor HTML.
Enabled Un atributo que desactiva el control cuando se establece en false. Esto oscurece al
control y hace que sea inactivo. No oculta el control
EnableTheming El valor predeterminado es true, lo que permite a los temas de este control
EnableViewState El valor predeterminado es true, lo que permite view state persistence para el control
Font Un atributo que contiene subpropiedades que se pueden declarar utilizando
la sintaxis de la propiedad-subpropiedad en la etiqueta de apertura del servidor web
elemento de control. Por ejemplo, puede realizar un control de servidor web de
texto en cursiva incluyendo el atributo Font-Bold en su etiqueta de apertura
ForeColor El color de primer plano del control.
Propiedades comunes

4. Propiedad Descripción
Height La altura del control.
SkinID El Skin a aplicar al control
TabIndex La posición del control en el orden de tabulación. Si esta propiedad no se
establece, el índice de la posición del control es 0. Los controles con el
mismo índice de tabulación pueden ser fichas de acuerdo con el orden en
que se declaran en la página web.
ToolTip El texto que aparece cuando el usuario apunta a un control. La propiedad
ToolTip no funciona en todos los navegadores.
Width El ancho del control. Las posibles unidades son píxeles, Point, Pica, pulgadas,
mm, cm, Porcentaje, Em, y Ex. La unidad predeterminada es píxeles.
Propiedades comunes

5. • Es un control utilizado para escribir
etiquetas de texto.
• Se define por el elemento
<asp:Label ID="UsernameLabel"
runat="server" >Username: </asp:Label>
• Para asignarle valor, se hace referencia a
la propiedad Text
Label1.Text = "Some Text";
Label Control

6. • Add a Label control and a user input control, such as a TextBox,
CheckBox, or ListBox control.
• Set the Label.AccessKey property to the keyboard shortcut.
• Set the Label.Text property, and underline the key used as the
keyboard shortcut. For example, if the label should have Username
on it and the keyboard shortcut is Alt+U, you would set Label.Text to
“<u>U</u>sername”. The HTML markup for underlining text is <u>.
The browser will render the Label as “Username”, and users familiar
with keyboard shortcuts will recognize the underline convention that
indicates the associated keyboard shortcut.
• Set the Label.AssociatedControlID property to the ID of the label
control to set focus to it when the user presses the keyboard shortcut.
Label Control Ejemplo

7. • Se utiliza para agregar texto a la página de
forma dinámica sin usar Label.
• Consta de 3 modos:
– PassThrough: El contenido de texto es renderizado
a como viene. Son directamente procesados por el
navegador
– Encode: El contenido de texto es codificado en
HTML
– Transform: El contenido es convertido para que
coincida con el lenguaje solicitado por el navegador
Literal Control

8. Literal Control Ejemplo

9. • Se usa para recolectar información del usuario
• La propiedad TextMode
– SingleLine
– MultiLine
– Password
• Propiedad MaxLenght
• Evento TextChanged (No genera Autopostback)
Textbox Control

10. • Usado para selecciones de Si/No (True /
False)
• Propiedad Text (Caption)
• Propiedad TextAlign (Define donde
aparece el caption)
• Propiedad Checked (True/False)
• Evento CheckedChanged (Se puede
especificar Autopostback)
CheckBox Control

11. • Se utiliza para opciones múltiples
• Para agrupar múltiples RadioButton, se debe
especificar el mismo GroupName para cada
control
• Se debe especificar cual control tiene el valor
Checked en True, que será el seleccionado por
defecto.
• Propiedad Text (Caption)
• Propiedad TextAlign (Define donde aparece el
caption)
RadioButton Control

12. • Se puede agregar un solo control y luego agregar varios
list items para las opciones deseadas
• Evento CheckedChanged (Se puede especificar
Autopostback)
RadioButtonList Control

13. RadioButton Ejemplo

14. • Permite al usuario seleccionar uno de varias opciones, es
utilizado para largas listas de opciones, como Países
• Permite agregar opciones tanto por propiedades del
control, así como también por programación
DropDownList Control

15. DropDownList Control Ejemplo

16. • Es como si fueran múltiples checkbox, permite
seleccionar ningún, uno o varios elementos por medio de
la propiedad SelectionMode.
• Para poder seleccionar varios elementos, se debe
presionar y mantener la tecla “Control”
ListBox Control

17. • Muestra un botón en la página y cuando el usuario le da
click, causa un postback.
• Se utilizan para correr código y procesar información
administrada por el usuario
• Se puede definir un conjunto de botones para utilizar el
mismo Button.Command, pero con diferentes
CommandName.
Button Control

18. Button Control Ejemplo

19. Button Control Ejemplo

20. HTML Server Controls
• Se pueden definir controles de servidor
con tags HTML como <input/>, <select/>,
<textarea/> y similares
• Se puede aplicar el atributo runat=“server”
para poder acceder al contro como un
server-side object. De lo contrario sólo
sería accesible por medio de la colección
Page.Request.Form

21. HTML Server Controls Ejemplo
Considere la siguiente página asp clásica

22. HTML Server Controls Ejemplo
Convertida a ASP.Net con HTML Server Controles

23. • Ejercicio de la página 181 del Libro
Microsoft.Press.MCTS.Self.Paced.Training.Kit.Exam.70-
515.Dec.2010
Tarea

24. Lección 2: Explorando controles de servidor especializados
Aplicaciones Web
Capítulo 4:

25. • Tables sirven para organizar la información en una
Cuadrícula(Grid )
• Table permite agregar tablas, filas y celdas de manera
dinámica.
Table, TableRow, TableCell

26. Table Control Ejemplo

27. • Utilizado para mostrar una imagen en una
página.
• Genera un <img> tag
• Es representado por el elemento <asp:Image>
• Propiedades a considerar:
– AlternateText
– ImageAlign
– DescriptionUrl
– GenerateEmptyAlternateText
Image Control

28. Image Control Ejemplo

29. • La unica diferencia con Image es que tiene un evento
click
• Es representado por el elemento <asp:ImageButton>,
cuando es renderizado genera un elemento <input
type=“Image”>
ImageButton Control

30. ImageButton Control Ejemplo

31. • Difiere de ImageButton en que ImageMap permite definir
regiones (hot spots) que causan el postback.
• Es representado por un elemento <asp:ImageMap> y
pueden tener elementos hot spot de tipo CircleHotSpot,
RectangleHotSpot y PolygonHotSpot.
ImageMap Control

32. ImageMap Control Ejemplo

33. ImageMap Control Ejemplo

34. ImageMap Control Ejemplo

35. • Permite mostrar un calendario en la
página web.
• Puede ser usado para seleccionar una
fecha o una serie de fechas
• Es representado por un elemento
<asp:calendar>
• Propiedad SelectionMode:
– Day, Week, WeekMonth, None
Calendar Control

36. Calendar Control Ejemplo

37. Calendar Control Ejemplo

38. Calendar Control Ejemplo

40. • Permite seleccionar y subir un archivo al servidor
• Es representado por el elemento <asp:FileUpload>
• El tamaño máximo del archivo depende del valor del
atributo MaxRequestLength del elemento httpRuntime del
Web.config
FileUpload Control

41. FileUpload Control Ejemplo

42. FileUpload Control Ejemplo

43. • Es utilizado como un contenedor para agrupar controles y
hacerlos trabajar como una unidad.
• Es representado por el elemento <asp:Panel>
Panel Control

44. Panel Control Ejemplo

45. Panel Control Ejemplo

46. Panel Control Ejemplo

47. • Es un control que presenta una serie de pasos, uno tras
otro como parte de una entrada de datos del usuario
• La Navegacion se determina por el StepType
– Auto, Start, Step, Finish, Complete.
Wizard Control

48. Wizard Control Ejemplo

49. Wizard Control Ejemplo

50. Wizard Control Ejemplo

51. • Ejercicio de la página 217 del Libro
Microsoft.Press.MCTS.Self.Paced.Training.Kit.Exam.70-
515.Dec.2010
Tarea