Implementación del componente de opciones (selección múltiple conjunto de opciones)

Este componente de ejemplo demuestra cómo aprovechar el conjunto de opciones multiselección en las propiedades de los componentes de field. Al vincular la propiedad principal del componente de código a este tipo, los usuarios pueden crear todos los nuevos tipos de controles con la columna de opciones.

Nota

El control debe estar vinculado a una columna de tipo MultiSelectOptionSet, el OptionSet asociado con esa columna se rellena en el componente.

Disponible para

Aplicaciones basadas en modelo

Código

Puede descargar el componente de ejemplo completo aquí

En el manifiesto, se define una propiedad única de tipo MultiSelectOptionSet. Esta propiedad se vincula automáticamente al OptionSet asociado con cualquier columna en la que se coloque el componente en la aplicación basada en modelo.

Este componente representa un elemento select estándar, con opciones para cada valor en OptionSet, y una columna de texto para mostrar todas las opciones seleccionadas actualmente. Cada valor onClick la devolución de llamada está configurada en el método updateIndividualSelected definido en este componente. Este método agregará o eliminará la opción seleccionada y luego llamará a notifyOutputChanged para que el marco sepa que ha habido un cambio en los datos.

Para MultiSelectOptionSets, cada opción tiene un nombre para el valor, así como un valor numérico asociado. Para rastrear las opciones seleccionadas actualmente, el control mantiene una matriz de los valores de todas las opciones seleccionadas actualmente. Este método es para alinearse con lo que PCF espera del control para MultiSelectOptionSet en getOutputs.

El método getOutputs simplemente devuelve el conjunto de valores seleccionado actualmente al marco para que se actualice. En el método updateView, el componente simplemente actualiza el contenido de la etiqueta de texto selected options para alinearse con el valor más reciente recibido del marco a través del valor formateado de la propiedad MultiSelectOptionSet.

Artículos relacionados

Descargar componentes de ejemplo
¿Cómo usar los componentes de ejemplo?
Referencia de la API de Power Apps component framework
Referencia de esquema de manifiesto de Power Apps component framework