Anda di halaman 1dari 11

CONTROL WIZARD

Wizard (Control de servidor Web)


La recopilacin de los datos proporcionados por el usuario a travs
de formularios es una tarea recurrente en el desarrollo de pginas
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
creacin de un conjunto de formularios para recopilar los datos
proporcionados por el usuario.
Una prctica frecuente consiste en crear un grupo de formularios
interconectados con el fin de dividir la recopilacin de los datos.
Para llevar a cabo esta tarea, puede administrar la exploracin
entre los formularios, la persistencia de los datos y la
administracin de estados en cada paso.
El control Wizard de ASP.NET simplifica muchas de
las tareas asociadas a la creacin de varios
formularios y la recopilacin 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 exploracin del usuario del control
sin necesidad de escribir cdigo.
Uso del control Wizard en la pgina

Mediante el control Wizard, puede utilizar pasos diferenciados


para recopilar datos. De esta forma, los usuarios se pueden
desplazar por los pasos segn su criterio y se facilita su labor.
Como desarrollador, no tiene que preocuparse por conservar los
datos en las pginas 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 estn disponibles. En el
siguiente ejemplo de cdigo se muestra el
control Wizard con dos pasos.
<asp:WizardID="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
Exploracin del asistente

El control Wizard proporciona caractersticas tanto para la exploracin lineal


como para la no lineal. La administracin 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 exploracin en el elemento raz del
control asp:Wizard mediante las
propiedades StepNextButtonText, StepPreviousButtonTexty FinishCompleteButt
onText.
<asp:Wizard ID="Wizard1" Runat="server
StepNextButtonText=" Next >> "
StepPreviousButtonText=" << Previous
FinishCompleteButtonText=" Done! ">
Personalizar otros aspectos del control Wizard

El control Wizard muestra automticamente un ttulo y el paso actual


del control. El ttulo se personaliza con la propiedad HeaderText. Puede
ajustar la plantilla del encabezado mediante la
propiedad HeaderTemplate.
Si lo desea, puede mostrar un botn de cancelacin estableciendo la
propiedad DisplayCancelButtonen true.
Mediante la propiedad NavigationButtonStyle del
control Wizard resulta sencillo que todos los botones tengan un estilo
comn, aunque esta propiedad tambin proporciona flexibilidad para
personalizar cada botn individualmente. La
propiedad NavigationButtonStyle se aplica a todos los botones
representados. Sin embargo, puede reemplazar este estilo
estableciendo la propiedad de estilo de cada botn.
Plantillas de exploracin

El control Wizard admite plantillas que


permiten personalizar an ms la interfaz
del control mediante las
propiedades StartNavigationTemplate, Fin
ishNavigationTemplate, StepNavigationTe
mplatey SideBarTemplate.
Eventos del control Wizard
Puede personalizar el comportamiento del control Wizard mediante cdigo y
eventos personalizados.
Por ejemplo, puede interceptar el evento NextButtonClick, que se
desencadena cuando el usuario hace clic en el botn Siguiente y que captura
los datos del paso actual. El parmetro WizardNavigationEventArgs transferido
a este evento incluye las propiedades CurrentStepIndex y NextStepIndex; por
tanto, puede personalizar el comportamiento del control en funcin del paso
actual y de los pasos siguientes, o cancelar la exploracin cuando se hace clic
en el botn 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 botn Cancelar mediante el
evento CancelButtonClick.
Para probar el control Wizard
1. Visualice Default.aspx en la vista Diseo.
2. Abra el men Tareas del asistente del control y seleccione Paso 1 en la lista
desplegable Paso.
3. Presione CTRL+F5 para ejecutar la pgina.
4. 4. Escriba la informacin de nombre y direccin.
5. Haga clic en Siguiente.
6. Seleccione cualquiera de las opciones del correo electrnico.
Ms adelante en el tutorial, escribir cdigo para controlar la opcin de correo
electrnico.
7. Escriba una direccin de correo electrnico.
8. Haga clic en Finalizar.
Los datos especificados se muestran en la pgina.

Anda mungkin juga menyukai