Desplegables condicionales

Los menús desplegables condicionales te permiten seleccionar una opción del menú desplegable, basada en una selección anterior realizada en otro componente del formulario.

Por ejemplo, si seleccionas un estado específico de una lista desplegable, el menú desplegable condicionado muestra las ciudades de ese estado.

Tutorial

Para usar esta función:

1. Crea un menú desplegable principal definiendo una variable de flujo de trabajo de tipo List<String> o Dictionary<String, String>. Por ejemplo, stateList.
2. Crea un menú desplegable secundario definiendo una variable de flujo de trabajo de tipo Dictionary<String, List<String>> o Dictionary<String, Dictionary<String, String>>. Por ejemplo, cityStateMap.
   
   

   

   
   
3. Arrastra y suelta la actividad Invocar código en la secuencia del flujo de trabajo.

4. Haz clic en Editar argumentos y añade las variables creadas previamente como argumentos de entrada / salida . Haz clic en Aceptar.

   
   

   

   
   
5. Haz clic en Editar código. Introduce el código para inicializar los datos y rellenar los menús desplegables con datos. Por ejemplo, el siguiente fragmento de código inicializa los menús desplegables (stateList y cityStateMap) y les añade elementos.

   // initialize the parent dropdown
   stateList = new List<string>();
   // add items to the parent dropdown
   stateList.Add("HP");
   stateList.Add("Punjab");
   // initialize the child dropdown
   cityStateMap = new Dictionary<string,List<string>>();
   // add items to the HP-child dropdown
   cityStateMap.Add("HP",new List<string>());
   cityStateMap["HP"].Add("Shimla");
   cityStateMap["HP"].Add("Solan");
   cityStateMap["HP"].Add("Hamirpur");
   // add items to the Punjab-child dropdown
   cityStateMap.Add("Punjab", new List<string>());
   cityStateMap["Punjab"].Add("Chandigarh");
   cityStateMap["Punjab"].Add("Patiala");
   cityStateMap["Punjab"].Add("Jalandhar");

6. Arrastre y suelte la actividad Crear formulario .

7. Almacene la selección del menú desplegable de usuario en variables de flujo de trabajo. Por ejemplo:

   • cityListSelected, de tipo List<String>: almacena la lista correspondiente al estado seleccionado.
   • selectedState, de tipo String: almacena el estado seleccionado.
   • selectedCity, de tipo String: almacena la ciudad seleccionada.
8. Abre la ventana ColecciónDeCamposDeFormulario desde el panel de Propiedades de la actividad.

9. Para definir los campos desplegables en el formulario:

   • Definir los campos desplegables. El nombre que establezca se utilizará para el enlace de datos (consulte Componente de la lista desplegable > pestaña Clave de campo > Nombre de propiedad).
   • Además, define las listas desplegables agregando _dropdown al nombre del campo desplegable.

10. En la columna Valor , establezca la selección de usuario de la siguiente manera:

    • Para la lista desplegable principal, usa la lista definida en el Paso 1.
    • Para la lista desplegable secundaria, usa la variable almacenada en el Paso 7.
    • Para el campo desplegable principal, usa la variable almacenada en el Paso 7.

    • Para el campo desplegable secundario, usa la variable almacenada en el Paso 7.

      
      

      

      
      
11. Haz clic en Aceptar.

Flujo de trabajo de muestra

Para comprobar el flujo de trabajo completo o tener una referencia futura, descarga el ejemplo XAML