Información general sobre Wizard (Control de servidor Web)
Actualización: noviembre 2007
La recopilación de los 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 se utiliza para llevar a cabo una tarea se suele denominar asistente. ASP.NET proporciona un control Wizard que simplifica muchas de las tareas asociadas con la creación de un conjunto de formularios para recopilar los datos proporcionados por el usuario.
Una práctica frecuente consiste en crear un grupo de formularios interconectados con el fin de dividir la recopilación de los datos. Para llevar a cabo esta tarea, puede administrar la exploración entre los formularios, la persistencia de los datos y la administración de estados en cada paso.
El control Wizard de ASP.NET simplifica muchas de las tareas asociadas a la creación de varios formularios y la recopilación de los 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.
Uso del control Wizard en la página
Mediante el control Wizard, puede utilizar pasos diferenciados para recopilar datos. De esta forma, los usuarios se pueden desplazar por los pasos según su criterio y se facilita su labor. Como desarrollador, no tiene que preocuparse por conservar los datos en las páginas porque el control mantiene el estado mientras el usuario finaliza los distintos pasos.
Pasos del asistente
El control Wizard utiliza los pasos para definir secciones diferentes de entrada de datos por parte del usuario. Cada paso del control está determinado por StepType que indica si se trata del paso inicial, de un paso intermedio o del paso final. El asistente puede tener todos los pasos intermedios necesarios. Puede agregar controles diferentes, como TextBox o ListBox, para recopilar los datos proporcionados por el usuario. Cuando llega al paso Complete, todos los datos están disponibles. En el siguiente ejemplo de código se muestra el control Wizard con dos pasos.
<asp:Wizard ID="Wizard1" Runat="server">
<WizardSteps>
<asp:WizardStep Runat="server" Title="Step 1">
</asp:WizardStep>
<asp:WizardStep Runat="server" Title="Step 2">
</asp:WizardStep>
</WizardSteps>
</asp:Wizard>
En cada paso, puede agregar controles y etiquetas, así como aceptar los datos del usuario. El control Wizard le ayudará a administrar el paso que se va a mostrar y a mantener los datos recopilados.
Exploración del asistente
El control Wizard proporciona características tanto para la exploración lineal como para la no lineal. La administración de estados del control permite al usuario avanzar y retroceder por los pasos, así como seleccionar un paso concreto en cualquier punto, siempre que se muestre la barra lateral. Puede personalizar el texto de la exploración en el elemento raíz del control asp:Wizard mediante las propiedades StepNextButtonText, StepPreviousButtonTexty FinishCompleteButtonText.
<asp:Wizard ID="Wizard1" Runat="server"
StepNextButtonText=" Next >> "
StepPreviousButtonText=" << Previous "
FinishCompleteButtonText=" Done! ">
Personalizar otros aspectos del control 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. Puede ajustar la plantilla del encabezado mediante la propiedad HeaderTemplate.
Si lo desea, puede mostrar un botón de cancelación estableciendo la propiedad DisplayCancelButton en true.
Mediante la propiedad NavigationButtonStyle del control Wizard resulta sencillo que todos los botones tengan un estilo común, aunque esta propiedad también proporciona flexibilidad para personalizar cada botón individualmente. La propiedad NavigationButtonStyle se aplica a todos los botones representados. Sin embargo, puede reemplazar este estilo estableciendo la propiedad de estilo de cada botón.
Plantillas de exploración
El control Wizard admite plantillas que permiten personalizar aún más la interfaz del control mediante las propiedades StartNavigationTemplate, FinishNavigationTemplate, StepNavigationTemplatey SideBarTemplate.
Eventos del control Wizard
Puede personalizar el comportamiento del control Wizard mediante código y eventos personalizados.
Por ejemplo, puede interceptar el evento NextButtonClick, que se desencadena cuando el usuario hace clic en el botón Siguiente y que captura los datos del paso actual. El parámetro WizardNavigationEventArgs transferido a este evento incluye las propiedades CurrentStepIndex y NextStepIndex; por tanto, puede personalizar el comportamiento del control en función del paso actual y de los pasos siguientes, o cancelar la exploración cuando se hace clic en el botón Siguiente.
De igual modo, puede personalizar el comportamiento de los botones Anterior y Finalizar mediante los eventos PreviousButtonClick y FinishButtonClick, O bien, puede limpiar los datos cuando se hace clic en el botón Cancelar mediante el evento CancelButtonClick.