¿Le resultó útil esta página?
Sus comentarios sobre este contenido son muy importantes. Háganos saber su opinión.
¿Tiene comentarios adicionales?
Caracteres restantes: 1500
Exportar (0) Imprimir
Expandir todo

Wizard (control)

La recopilación de datos proporcionados por el usuario a través de formularios es una tarea recurrente en el desarrollo de páginas web. Un grupo de formularios que sirve para llevar a cabo una tarea se suele denominar asistente. El control Wizard de ASP.NET simplifica muchas de las tareas asociadas con la creación de varios formularios y la recopilación de datos proporcionados por el usuario. El control Wizard proporciona un sencillo mecanismo que permite crear y agregar pasos o reordenar los pasos existentes con facilidad. Puede crear exploraciones lineales y no lineales, así como personalizar la exploración del usuario del control sin necesidad de escribir código.

Para agregar un control Wizard a una página

  1. Arrastre el control Wizard del panel de tareas Cuadro de herramientas a la página.

  2. Arrastre los cuadros de tamaño del lado y de la parte inferior del contorno del control Wizard hasta que Wizard tenga el tamaño deseado.

Un control Wizard consta de tres áreas separadas: el área de la barra lateral, el área de exploración y el área de pasos. En el panel de tareas Propiedades de etiqueta puede establecer propiedades de cada una de estas áreas, así como de todo el control Wizard.

Para obtener una descripción completa de todas las propiedades del control Wizard, vea la página acerca de las propiedades de Wizard (puede estar en inglés) en MSDN Library.

El control Wizard utiliza pasos para definir distintas secciones de entrada de datos por parte del usuario. En cada paso, puede agregar controles y etiquetas, así como aceptar los datos del usuario. El control Wizard le ayudará a definir el paso que se va a mostrar y a mantener los datos recopilados.

Para cambiar de un paso a otro durante su diseño

  • En la vista Diseño, haga clic con el botón secundario en el control Wizard y, a continuación, haga clic en Mostrar tareas de control comunes.

Cc295425.alert_tip(es-es,Expression.10).gifSugerencia:

También puede hacer clic en el control Wizard en la vista Diseño y en la flecha Cc295425.56557a2a-a4ef-4c47-906b-f64b8d530387(es-es,Expression.10).png de la esquina superior derecha para mostrar el menú Tareas de Wizard. Haga clic de nuevo en la flecha para ocultar el menú.

  1. En el menú Tareas de Wizard, seleccione el paso que desee diseñar en el menú Paso.

Para agregar o quitar pasos

  1. En la vista Diseño, haga clic con el botón secundario en el control Wizard y, a continuación, haga clic en Mostrar tareas de control comunes.

  2. En el menú Tareas de Wizard, haga clic en Agregar o quitar WizardSteps.

  3. En el cuadro de diálogo Editor de la colección WizardStep, haga clic en el botón Agregar.

  4. Establezca la propiedad Title (y otras propiedades) para el nuevo paso en el área Propiedades del paso. El Título se muestra como el texto del vínculo para el paso en el área de la barra lateral del control Wizard.

A cada paso del control se le asigna un valor StepType para indicar si se trata del paso inicial (StartNavigation), de un paso intermedio (StepNavigation) o del paso final (FinishNavigation). Puede personalizar estos pasos pero, de manera predeterminada, el paso StartNavigation tiene un botón Siguiente. Las páginas StepNavigation tienen los botones Anterior y Siguiente. El paso FinishNavigation tiene los botones Anterior y Finalizar. El asistente puede tener tantos pasos intermedios como sea necesario. Puede agregar diferentes controles, como TextBox (control) o ListBox (control), para recopilar los datos proporcionados por el usuario.

Para especificar un valor StepType para un paso

  1. En la vista Diseño, haga clic con el botón secundario en el control Wizard y, a continuación, haga clic en Mostrar tareas de control comunes.

  2. En el menú Tareas de Wizard, seleccione el paso para el que desea especificar el tipo en la lista desplegable Paso.

  3. En el menú Tareas de Wizard, haga clic en uno de los siguientes vínculos.

    • Convertir en StartNavigationTemplate

    • Convertir en StepNavigationTemplate

    • Convertir en FinishNavigationTemplate

El control Wizard proporciona características tanto para la exploración lineal como para la no lineal. El usuario puede avanzar y retroceder de un paso a otro haciendo clic en los botones del área de exploración. También puede seleccionar pasos individuales en cualquier momento, siempre que esté visible la barra lateral. Para personalizar el texto para la exploración, establezca las propiedades StepNextButtonText, StepPreviousButtonText y FinishCompleteButtonText en el panel de tareas Propiedades de etiqueta.

Puede personalizar cada una de las áreas del control Wizard mediante la actualización de la colección de estilos asociada al área. Por ejemplo, en el grupo Estilos del panel de tareas Propiedades de etiqueta, puede personalizar StepStyle, NavigationStyle y otras colecciones de estilos para un área de Wizard. El control Wizard muestra automáticamente un título y el paso actual del control. El título se personaliza con la propiedad HeaderText. Para ajustar la plantilla del encabezado, utilice la propiedad HeaderTemplate o diseñe la plantilla de forma interactiva.

Para diseñar una plantilla de manera interactiva

  1. En la vista Diseño, haga clic con el botón secundario en el control Wizard y, a continuación, haga clic en Mostrar tareas de control comunes.

  2. En el menú Tareas de Wizard, haga clic en Editar plantillas. De este modo, el Wizard entra en Modo de edición de plantillas.

  3. En la lista desplegable Mostrar, seleccione la plantilla que le gustaría editar: HeaderTemplate, SideBarTemplate, StartNavigationTemplate, StepNavigationTemplate o FinishNavigationTemplate

  4. Agregue texto o controles, o realice cambios en la plantilla.

  5. Cuando termine de diseñar las plantillas, en el menú Tareas de Wizard, haga clic en Terminar edición de plantillas para volver al modo de diseño estándar del control Wizard.

Para obtener más información sobre el uso del control Wizard, vea la página de información general sobre Wizard (Control de servidor web) (puede estar en inglés) en MSDN Library.

Adiciones de comunidad

AGREGAR
Mostrar:
© 2015 Microsoft