Desplegables dinámicos

You can add dynamic dropdown lists in your form, using the Drop-down List component in the Form Designer. These tutorials describe how to create a dynamic dropdown list with elements that represent countries.

Tutorial

Para crear una lista desplegable dinámica:

1. Drag and drop a Sequence activity into your workflow. For this example, name it DynamicDropdowns.
2. Cree dos variables:
   1. Crea un tipo de variable String y establece el ámbito como la actividad Secuencia. Para este ejemplo, nombra la variable country y establece el ámbito en DynamicDropdowns.
   2. Crea un tipo de variable List<String> y establece el ámbito como la actividad Secuencia. Para este ejemplo, nombra la variable countryList y establece el ámbito en DynamicDropdowns.
3. Inside the Default field of the List<String> variable, create a new List of type String, that holds the names of the countries. For example, inside the Default field of the countryList variable, type in the following expression:

   New List (Of String) From {
   "US",
   "India",
   "Romania"
   }
   

4. Drag and drop a Create Form activity in your Sequence.
5. In the FormFieldsCollection property menu bind the variables to your form:
   1. Crea un argumento de Tipo String con la Dirección de entrada/salida y establece el valor como la variable String . Para este ejemplo, establece el valor como la variable country . Nombra el argumento country
   2. Crea un argumento de Tipo List<String> con la Dirección de entrada y establece el valor como la variable List<String> . Para este ejemplo, establece el valor como la variable countryList . Nombra el argumento country_dropdown.
      Nota:

      El argumento country_dropdown hace que la lista desplegable sea dinámica y la rellena con los elementos de la variable List<String> .

6. Open the Form Designer.
   1. Drag and drop a Drop-down List component in the Form Designer.
   2. En la pestaña Clave de campo , introduce el nombre del argumento String en el campo Nombre de la propiedad . Para este ejemplo, introduce country.
   3. Guarde el componente.
7. Guarda el formulario.

Result: The Drop-down List component shows as options the list of Strings created at step 3.

Crear un menú desplegable dinámico dentro de una cuadrícula de datos

Este tutorial muestra cómo crear un menú desplegable dinámico dentro de una cuadrícula de datos. El componente Cuadrícula de datos muestra, dentro del formulario, datos que proceden de una tabla de datos creada previamente. Para crear un menú desplegable dinámico dentro de una cuadrícula de datos:

1. Create a Data Table using the Build Data Table activity. For this example, save the data table as a variable named sampleDataTable.

   

2. Add a Invoke Code activity into your workflow and set the Language to CSharp.

   1. Selecciona Editar código y crea una lista de Strings, donde añades las opciones que quieres mostrar de forma dinámica en la lista desplegable. Por ejemplo, añade el siguiente código dentro del Editor de código:

      countryListInitialized = new List<string>();
      countryListInitialized.Add("USA");
      countryListInitialized.Add("India");
      countryListInitialized.Add("Romania");
      countryListInitialized.Add("Dubai");
      

   2. Selecciona Editar argumentos y crea un argumento que almacenará la lista de cadenas creadas dentro de una variable que luego podrás usar dentro de tu flujo de trabajo. El nombre del argumento debe tener el mismo nombre que la lista creada en el Editor de código. Para este ejemplo, crea un argumento llamado countryListInitialized, con la dirección In/Out, el tipo List<String>, que tiene el valor establecido como una variable List<String> . Para este ejemplo, nombra la variable countryListVariable.

3. Add a Create Form activity into your workflow.

   1. Añade un componente de cuadrícula de datos .
   2. Añade un componente de campo de texto dentro de la cuadrícula de datos.
   3. Añade un componente de lista desplegable dentro de la cuadrícula de datos.

4. Open the FormFieldsCollection and create the following arguments, to bind data to the form:

   Nombre	Dirección	Tipo	Valor	Descripción
   dataGridSample	In/Out	TablaDeDatos	sampleDataTable	Este argumento vincula los datos de la Tabla de datos al componente Cuadrícula de datos dentro del formulario. Para este ejemplo, la tabla de datos se almacena dentro de la variable sampleDataTable .
   countryList_dropdown	In/Out	Lista <String>	countryListVariable	Este argumento vincula los datos de la lista de Strings al componente Lista desplegable* dentro del formulario. El sufijo _dropdown hace que el menú desplegable sea dinámico. Para este ejemplo, la lista de cadenas se almacena dentro de la variable countryListVariable .
   countryList_parent	En	Cadena	"dataGridSample"	Este argumento vincula el menú desplegable dinámico al componente Cuadrícula de datos , mediante el sufijo _parent , y mediante la introducción de la Clave de campo del componente Cuadrícula de datos dentro de la columna Valor . Para este ejemplo, dataGridSample es la Clave de campo del componente Cuadrícula de datos .

5. Open the Form Designer.

   1. Establece la Clave de campo del componente Cuadrícula de datos como el argumento que vincula la Tabla de datos al formulario. Para este ejemplo, establece la Clave de campo del componente Cuadrícula de datos como dataGridSample.
   2. Establece la Clave de campo del componente Campo de texto como el nombre de la columna de la tabla de datos que representa el texto. Para este ejemplo, establécelo como name.
   3. Establece la Clave de campo del componente Lista desplegable como el nombre del argumento que vincula la lista de cadenas al formulario. Para este ejemplo, establécelo como countryList.

6. Guarde cada componente y el formulario.

Result: The Drop-down List component shows as options the list of Strings created at step 2, inside the column of a Data Grid.

Flujo de trabajo de muestra

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