Control Quadre combinat al Power Apps

Control que permet als usuaris fer seleccions d'opcions proporcionades. Admet la cerca i la selecció múltiple.

Descripció

Un control Combo box us permet cercar els elements que seleccionareu. La cerca es realitza al costat del servidor a la propietat SearchField, de manera que el rendiment no es veu afectat per les fonts de dades grans.

El mode individual o de selecció múltiple es configura per mitjà de la propietat SelectMultiple.

Quan cerqueu elements per seleccionar, per a cada element podeu triar mostrar un valor de dades únic, dos valors o una imatge i dos valors (persona) modificant la configuració de disposició a la subfinestra de dades.

Quan es visualitza en pantalles petites, el desplegable de la llista d'elements es convertirà en un control de pantalla completa per millorar la usabilitat.

Nota

Si voleu cercar elements amb números, convertiu els números en text amb la funció Text(). Per exemple, Text(12345).

Limitacions

El control de quadre combinat té aquestes limitacions:

• Quan utilitzeu un control de quadre combinat dins d'una galeria, les seves seleccions no es mantenen quan l'usuari es desplaça per la galeria. Això no és un problema si utilitzeu un control de quadre combinat dins d'una galeria que no es desplaça. Actualment no hi ha disponible una solució temporal.

Selector de persones

Per utilitzar Combo box com a selector de persones, trieu la plantilla Persona des de la configuració de la disposició a la subfinestra de dades i configureu les propietats de dades relacionades que es mostraran per a la persona que hi ha a continuació.

Propietats clau

Items: la font de les dades des d'on es pot fer la selecció.

DefaultSelectedItems: els elements seleccionats inicials abans que l'usuari interaccioni amb el control.

Nota

La propietat Default es deixarà d'utilitzar; en el seu lloc, utilitzeu DefaultSelectedItems.

SelectedItems: llista d'elements seleccionats resultants de la interacció de l'usuari.

SelectMultiple: si l'usuari pot seleccionar un únic element o diversos elements.

IsSearchable: si l'usuari pot cercar elements abans de seleccionar.

Nota

IsSearchable només es pot habilitar en una font de dades que contingui com a mínim un camp de text. L'expressió Items s'ha de poder delegar perquè es puguin delegar les consultes amb la cerca. És a dir, les declaracions If dins de l'expressió Items no estan admeses.

Searchfields: els camps de dades del font de dades cercats quan l'usuari introdueix el text.

Nota

Per cercar en diversos camps, definiu la propietat SearchFields en aquest format: ["MyFirstColumn", "MySecondColumn"]. Només s'admeten els camps de text.

Propietats addicionals

AccessibleLabel: etiqueta per a lectors de pantalla.

BorderColor: el color de la vora d'un control.

BorderStyle: si la vora d'un control és Sòlid, Amb guions, Amb punts o Cap.

BorderThickness: el gruix de la vora d'un control.

DisplayFields: enumera de camps mostrats per a cada element retornat per la cerca. Més fàcil de configurar-la a través de la subfinestra de dades de la pestanya d'opcions de propietats.

Nota

Per actualitzar diversos camps de visualització en una plantilla determinada, definiu la propietat DisplayFields en aquest format:["MyFirstColumn", "MySecondColumn"].

DisplayMode: si el control permet l'entrada de l'usuari (Edita), només mostra les dades (Visualitza) o està inhabilitada (Inhabilitat).

FocusedBorderColor: el color de la vora d'un control quan el control té l'enfocament.

FocusedBorderThickness: el gruix de la vora d'un control quan el control té l'enfocament.

Height: la distància entre les vores superior i inferior d'un control.

InputTextPlaceholder: text instructiu mostrat a usuaris finals quan no s'ha seleccionat cap element.

OnChange: accions que cal dur a terme quan l'usuari canvia una selecció.

OnNavigate: accions que cal dur a terme quan l'usuari selecciona un element.

OnSelect: accions que cal dur a terme quan l'usuari toca o selecciona un control.

TabIndex: ordre de navegació amb el teclat en relació amb altres controls.

Visible: si es mostra o s'amaga un control.

Width: la distància entre les vores esquerra i dreta d'un control.

X: la distància entre la vora esquerra d'un control i la vora esquerra del seu contenidor principal (la pantalla si no hi ha cap contenidor principal).

Y: la distància entre la vora superior d'un control i la vora superior del seu contenidor principal (la pantalla si no hi ha cap contenidor principal).

Nota

Les propietats de la vora desplegable estan controlades per les propietats Vora.

Exemples

Quadre combinat bàsic

Els passos d'aquest exemple s'apliquen a qualsevol font de dades que proporcioni taules, però per seguir exactament aquests passos, utilitzeu un entorn amb base de dades del Microsoft Dataverse amb dades d'exemple.

1. Seleccioneu Insereix > Entrada > Combo box i anomeneu-lo "Combobox1".

2. A la subfinestra Propietats de la dreta de la pantalla, obriu la llista Selecciona una font de dades (al costat d'Items) i afegiu o seleccioneu una font de dades com ara la taula Comptes.

3. A la mateixa subfinestra, seleccioneu Edita (al costat de Camps).

4. A la subfinestra Dades, obriu la llista Text principal i, a continuació, seleccioneu la columna Nom principal que es mostrarà al control de Combo box.

5. Mentre manteniu premuda la tecla Alt, seleccioneu la fletxa avall per obrir el control de Combo box.

   El control mostra les dades del nom principal que heu especificat a la font de dades heu especificat.

(Opcional) Mostra per defecte el primer registre

1. Definiu la propietat DefaultSelectedItems en aquesta expressió, substituint DataSource amb el nom de la vostra font de dades:

   First(DataSource)
   

(Opcional) Visualitza el valor de Nom de compte seleccionat en una etiqueta

1. Seleccioneu Insereix > Etiqueta de texti, a continuació, seleccioneu Label.

2. Definiu la propietat Text en aquesta expressió, substituint el Text amb la fórmula següent:

   If(CountRows(ComboBox1.SelectedItems)>0, Concat(ComboBox1.SelectedItems,'Account Name',", "), "NO SELECTED ITEM")
   

   Nota

   La sentència If comprovarà com poden existir els elements seleccionats i mostrar-los en una etiqueta delimitada per coma o un missatge d'"ELEMENT SELECCIONAT" quan estigui buida.

Simular el comportament desplegable simple.

Al definir IsSearchable com false i SelectMultiple com false, podeu obtenir la mateixa funcionalitat d'un desplegable.

1. Seleccioneu Insereix > Entrada i, a continuació, seleccioneu Combo box.

2. A la subfinestra Propietats de la dreta de la pantalla, obriu la llista Selecciona una font de dades (al costat d'Items) i afegiu o seleccioneu una font de dades.

3. A la mateixa subfinestra, seleccioneu Edita (al costat de Camps).

4. A la subfinestra Dades, obriu la llista Text principal i, a continuació, seleccioneu la columna que voleu que es mostri al control Combo box.

5. Definiu la propietat IsSearchable com a false.

6. Definiu la propietat SelectMultiple com a false.

7. Mentre manteniu premuda la tecla Alt, seleccioneu la fletxa avall per obrir el control de Combo box.

   El control mostra les dades de la columna que heu especificat a la font de dades que heu especificat.

   Nota

   Ha desaparegut el text "Cerca elements" i només podreu seleccionar un sol element.

Pautes d'accessibilitat

Contrast de color

Hi ha d'haver un contrast de color adient entre:

• ChevronFill i ChevronBackground
• ChevronHoverFill i ChevronHoverBackground
• SelectionColor i SelectionFill
• SelectionFill i Fill
• SelectionTagColor i SelectionTagFill

Això és a més dels requisits estàndard de contrast de color.

Suport del lector de pantalla

• AccessibleLabel ha d'estar present.

  Nota

  A les pantalles tàctils, els usuaris del lector de pantalla poden navegar de manera seqüencial pel contingut del quadre combinat. El quadre combinat actua com a botó que mostra o amaga el seu contingut quan se selecciona.

Compatibilitat amb el teclat

• TabIndex ha de ser zero o superior per tal que els usuaris del teclat puguin navegar-hi.

• Cal que els indicadors d'enfocament siguin clarament visibles. Utilitzeu FocusedBorderColor i FocusedBorderThickness per aconseguir-ho.

  Nota

  La tecla Tab navega dins o fora del quadre combinat. Les tecles de direcció naveguen pel contingut del quadre combinat. La tecla d'escapament tanca la llista desplegable quan s'obre.

Nota

Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)

Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).