Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

7. Creacion De Controles De Usuario

7,695 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

7. Creacion De Controles De Usuario

  1. 1. Creación de controles de usuario
  2. 2. Descripción <ul><li>Agregar controles de usuario a un formulario Web Form ASP.NET </li></ul><ul><li>Crear controles de usuario </li></ul>
  3. 3. Lección: Agregar controles de usuario a un formulario Web Form ASP.NET <ul><li>¿Qué es un control de usuario? </li></ul><ul><li>¿Por qué utilizar controles de usuario? </li></ul><ul><li>Práctica: hacer una lista de controles de usuario </li></ul><ul><li>Agregar un control de usuario </li></ul><ul><li>Demostración: Crear un control de usuario </li></ul>
  4. 4. ¿Qué es un control de usuario? <ul><li>Los controles de usuario simplifican la reutilización de código y componentes de la IU en una aplicación Web </li></ul><ul><li>Un control de usuario es un control de servidor Web definido por el usuario con una extensión .ascx </li></ul><ul><li>Contiene HTML, pero no las etiquetas <HTML>, <BODY>, o <FORM> </li></ul><ul><li>ó </li></ul><ul><li>Contiene código para gestionar sus propios eventos </li></ul><%@ Control Language=&quot;vb&quot; %> <%@ Control Language=&quot;c#&quot; %>
  5. 5. ¿Por qué utilizar controles de usuario? <ul><li>Reutilizar interfaz de usuario y código </li></ul>Page3.aspx Aplicación A Aplicación B Page2.aspx Control1.ascx Page1.aspx
  6. 6. Práctica: hacer una lista de controles de usuario <ul><li>Los estudiantes: </li></ul><ul><ul><li>Crearán una lista de ejemplos sobre cuándo resulta apropiado el uso de controles de usuario </li></ul></ul><ul><li>Tiempo: 5 minutos </li></ul>
  7. 7. Agregar un control de usuario <ul><li>Utilizar la directiva @ Register para incluir un control de usuario en una página ASP.NET </li></ul><ul><li>Insertar el control de usuario en un formulario Web Form </li></ul><ul><li>Utilizar las propiedades Get y Set del control de usuario </li></ul><ul><li>o </li></ul><%@ Register TagPrefix=&quot;demo&quot; TagName=&quot;validNum&quot; Src=&quot;numberbox.ascx&quot; %> <demo:validNum id=&quot;num1&quot; runat=&quot;server&quot;/> num1.pNum = 5 'uses Set x = num1.pNum 'uses Get num1.pNum = 5; //uses Set x = num1.pNum; //uses Get
  8. 8. Demostración: crear un control de usuario <ul><li>Crear un nuevo control de usuario </li></ul><ul><li>Crear una propiedad </li></ul>
  9. 9. Lección: crear controles de usuario <ul><li>Crear un control de usuario </li></ul><ul><li>Demostración: utilizar un control de usuario </li></ul>
  10. 10. Crear un control de usuario <ul><li>Dos métodos para la creación de controles de usuario: </li></ul><ul><ul><li>Crear un nuevo control de usuario utilizando Visual Studio .NET </li></ul></ul><ul><ul><li>Convertir una página ASP.NET existente en un control de usuario </li></ul></ul><ul><li>La pagina host interactúa con el control utilizando propiedades </li></ul><ul><li>La página host debería utilizar el flujo de presentación </li></ul>Public Property pNum() As Integer Get Return Convert.ToInt32(txtNum.Text) End Get Set (ByVal value As Integer) txtNum.Text = CStr(value) End Set End Property public int pNum { get { return Convert.ToInt32(txtNum.Text); } set { txtNum.Text = Convert.ToString(value); } }
  11. 11. Demostración: utilizar un control de usuario <ul><li>Insertar un control de usuario en una página </li></ul><ul><li>Utilizar los controles de usuario en la página de código subyacente </li></ul>

×