Software Garden

Apenas volví de mis vacaciones me encontré en el apuro de hacer rápidamente un programa que perimitiera a un usuario importar y exportar al mismo tiempo determinada información desde y hacia el sistema corporativo de la empresa. Al ser una aplicación para usuarios finales y no gente de sistemas, pensé en una interface tipo “asistente”. En .Net 1.x tendría que haber hecho variás páginas permitiendo seleccionar opciones y pasar a la siguiente. Pero en .Net 2.0 tenemos el control Wizard que permite programar una aplicación del tipo “asistente” en muy poco tiempo. El control tiene una sintáxis muy sencilla pero muy potente permitiendo controlar varios aspectos. Aquí describo sólo los que utilicé en mi aplicación:

<asp:Wizard ID=”Wizard1″ runat=”server”
     Height=”200px” Width=”400px”
     DisplaySideBar=”false”
     HeaderText=”Título del Asistente”
     HeaderStyle-Font-Size=”Large”
     ActiveStepIndex=”0″
     BorderStyle=”Double”
     BorderColor=”Blue” BorderWidth=”3px”>
  <asp:WizardStep ID=”WizardStep0″ runat=”server” 
       Title=”Inicio de Proceso” StepType=”Start”>
      <b>Inicio de Proceso</b> <br /><br />
  </asp:WizardStep>
  <asp:WizardStep ID=”WizardStep1″ runat=”server”
       Title=”Segundo Paso” StepType=”Step”
      AllowReturn=”false”>
     <b>Segundo Paso</b> <br /><br />
     <asp:Label ID=”Label1″ runat=”server”>
     </asp:Label>
     <br/><br/>
  </asp:WizardStep>
  <asp:WizardStep ID=”WizardStep4″ runat=”server”
        Title=”Finalización del Proceso”
        StepType=”Finish” AllowReturn=”true”>
        <b>Fin del Proceso</b>
        <br/><br/>
  </asp:WizardStep>
  </WizardSteps>
</asp:Wizard>

Algunas propiedades para destacar son: DisplaySideBar: “true” muestra una barra lateral con todos los pasos del asistente, permitiendo sleccionar cualquiera de ellos. Un valor “false” oculta esta barra. StepType: indica que tipo de “paso” corresponde para cada uno de los que componen el asistente. Con el valor “auto”, el control decide el tipo de paso de acuerdo a su posición dentro del asistente. El valor “start” indica que es el primer paso del asistente y “finish” que es el último paso. Los pasos intermedios se indican con “step”. AllowReturn: “false” hace que el asistente no permita que se vuelva al paso anterior. Entre los tags <asp:WizardStep> y </asp:WizardStep> podemos agregar todos los controles que necesitemos para llevar a cabo la función de cada paso. Luego el código correspondiente a cada paso se escribe generalmente en el evento ActiveStepChanged, que se declara de la siguiente manera:

Protected Sub Wizard1_ActiveStepChanged (ByVal sender As Object, _ 
                   ByVal e As  System.EventArgs) Handles  
                   Wizard1.ActiveStepChanged 
  ‘———————————–
  ‘ Código para procesar cada paso del
  ‘ asistente.  
  ‘———————————– 
End Sub

El proceso se puede hacer identificando cuál es el paso activo y actuando en consecuencia con una estructura del tipo Select Case:

Select Case Wizard1.ActiveStepIndex
  Case 0
    ‘Instrucciones necesarias 
    ‘para procesar el primer paso
  Case 1
    ‘Instrucciones necesarias
    ‘para procesar el segundo paso
    Label1.Text = “Segundo paso.”
  Case 3
    ‘Instrucciones necesarias
    ‘para procesar el último paso
End Select

Como puede verse el control es muy simple de usar, muy flexible y ofrece muchísimas posibilidades para simplificar las interfaces de usuario del tipo “asistente”.

Saludos.