Control de cuadro combinado en PowerAppsCombo box control in PowerApps

Un control que permite a los usuarios seleccionar entre las opciones proporcionadas.A control that allows users to make selections from provided choices. Admite tanto la búsqueda como la selección múltiple.Supports search and multiple selections.

DescripciónDescription

Con un control de cuadro combinado puede buscar los elementos que va a seleccionar.A Combo box control allows you to search for items you will select. La búsqueda se realiza en el lado del servidor de la propiedad SearchField, por lo que el rendimiento no se ve afectado por orígenes de datos muy grandes.The search is performed server-side on the SearchField property so performance is not affected by very large data sources.

El modo de selección individual o múltiple se configura mediante la propiedad SelectMultiple.Single or multi-select mode is configured via the SelectMultiple property.

Cuando se buscan elementos que se van a seleccionar, en todos los elementos puede elegir mostrar un valor de datos único, dos valores o una imagen y dos valores (Persona) mediante la modificación de la configuración de diseño en el panel Data (Datos).When searching for items to select, for each item you can choose to show a single data value, two values, or a picture and two values (Person) by modifying the Layout settings in the Data pane.

Selector de personasPeople picker

Para usar cuadro combinado como selector de personas, elija la plantilla Persona desde la configuración de diseño del panel Data (Datos) y configure las propiedades de datos relacionadas que se mostrará para la persona que aparece a continuación.To use Combo box as a people picker, choose the Person template from the Layout settings in the Data pane and configure the related data properties to be shown for the person below.

Propiedades principalesKey properties

Items: el origen de datos del que se puede elegir.Items – The source of data from which selections can be made.

DefaultItems: los elementos seleccionados inicialmente, antes de que el usuario interactúe con el control.DefaultItems – The initial selected item(s) before the user interacts with the control.

SelectedItems: lista de los elementos seleccionados resultante de la interacción con el usuario.SelectedItems – List of selected items resulting from user interaction.

SelectMultiple: si el usuario puede seleccionar un solo elemento o varios.SelectMultiple – Whether the user can select a single item or multiple items.

IsSearchable: indica si el usuario puede buscar elementos antes de realizar la selección.IsSearchable – Whether the user can search for items before selecting.

Propiedades adicionalesAdditional properties

BorderColor: el color de un borde del control.BorderColor – The color of a control's border.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness: el grosor de un borde del control.BorderThickness – The thickness of a control's border.

Default: la selección inicial antes de que el usuario la cambie en modo de selección individual.Default – The initial selection before it is changed by the user in single-select mode.

DisplayFields: lista de campos que se muestran en cada elemento que devuelve la búsqueda.DisplayFields – List of fields shown for each item returned by the search. Lo más fácil es configurarlo mediante el panel Datos de la pestaña de la opción Propiedades.Easiest to configure via the Data pane in the Properties option tab.

DisplayMode: indica si el control permite entradas de usuario (Edit), solo muestra datos (View) o si está deshabilitado (Disabled).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

Height: la distancia entre los bordes superior e inferior de un control.Height – The distance between a control's top and bottom edges.

InputTextPlaceholder: texto informativo que se muestra a los usuarios finales cuando no hay elementos seleccionados.InputTextPlaceholder – Instructional text shown to end-users when no items are selected.

OnChange: cómo responde la aplicación cuando el usuario cambia una selección.OnChange – How the app responds when the user changes a selection.

OnNavigate: cómo responde la aplicación cuando el usuario hace clic en un elemento.OnNavigate – How the app responds when the user clicks on an item.

OnSelect: indica cómo responde la aplicación cuando el usuario toca o hace clic en un control.OnSelect – How the app responds when the user taps or clicks a control.

Visible: indica si un control aparece o está oculto.Visible – Whether a control appears or is hidden.

Width: la distancia entre los bordes derecho e izquierdo de un control.Width – The distance between a control's left and right edges.

X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor primario (la pantalla si no hay un contenedor primario).X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

EjemploExample

  1. Agregue un control de cuadro combinado desde la pestaña Insertar, menú Controles.Add a Combo box control from the Insert tab, Controls menu.
  2. En la pestaña de opciones Propiedades, haga clic en Datos.In the Properties options tab, click on Data.
  3. Seleccione el origen de datos, el diseño y las propiedades relacionadas a continuación.Select the data source, layout and related properties below.
  4. Establezca la propiedad SelectMultiple en la ficha Opciones avanzadas.Set the SelectMultiple property in the Advanced tab.

    Aparecerá un cuadro combinado funcional en la aplicación.A functional Combo box will appear in your app.

    ¿No sabe cómo agregar y configurar un control?Don't know how to add and configure a control?.