Syncfusion Vue UI Selection Controls

SyncfusionControlli di selezione dell'interfaccia utenteJavaScript

Componenti di selezione completi per applicazioni Vue moderne.

  • Supporta modelli di selezione singola, multipla e gerarchica.
  • Include menu a discesa, combo box, autocomplete e componenti elenco.
  • Offre filtro, templating e controlli interattivi di stato.
Syncfusion logo

Prezzi da:

Caricamento...
Disponibile in
Syncfusion Essential Studio UI Component SuiteCaricamento
Syncfusion Essential Studio EnterpriseCaricamento
immagine del prodotto Syncfusion Vue UI Selection Controls
Syncfusion Vue UI Selection Controls forniscono un مجموعه completo di componenti per gestire scenari di scelta e selezione dell'utente nelle applicazioni Vue. Include menu a discesa ricercabili, selettori gerarchici, input basati su elenco e controlli di form classici, tutti progettati per integrarsi perfettamente con il data binding di Vue e la gestione reattiva dello stato.

Selezione singola strutturata con DropDown List

La DropDown List consente agli utenti di selezionare un valore da una sorgente dati predefinita. Supporta raggruppamento, filtro e modelli personalizzati degli elementi, aiutando gli sviluppatori a presentare chiaramente informazioni strutturate nei moduli e nei pannelli di configurazione.

Gestione di più scelte con MultiSelect DropDown

La MultiSelect DropDown consente agli utenti di scegliere più valori all'interno di un campo di input compatto. Il filtro integrato e le opzioni di visualizzazione flessibili la rendono adatta a sistemi di tagging, selezione di categorie e interfacce di filtro avanzate.

Navigazione dei dati gerarchici tramite DropDown Tree

La DropDown Tree presenta dati nidificati in una struttura espandibile all'interno di un menu a discesa. Gli utenti possono selezionare nodi padre e figlio, rendendola utile per strutture organizzative, alberi di categorie e set di dati multilivello.

Inserimento guidato del testo con AutoComplete e ComboBox

AutoComplete suggerisce voci corrispondenti mentre gli utenti digitano, mentre la ComboBox combina l'input digitato con opzioni selezionabili. Insieme, supportano modelli flessibili di inserimento dati, aiutando al contempo a mantenere la coerenza con le sorgenti dati disponibili.

Confronto di record dettagliati in MultiColumn ComboBox

La MultiColumn ComboBox mostra più campi dati per ogni elemento all'interno del proprio menu a discesa. Questo layout aiuta gli utenti a rivedere le informazioni correlate prima di selezionare un valore, risultando particolarmente utile per dati aziendali strutturati.

Gestione di elenchi e trasferimenti con ListBox

La ListBox presenta gli elementi in un formato di elenco selezionabile con supporto per modalità di selezione singola e multipla. Le funzionalità di trascinamento e rilascio e di riordino consentono agli utenti di gestire le raccolte direttamente nell'interfaccia.

Decisioni chiare nei form con Radio Button e CheckBox

I componenti Radio Button e CheckBox gestiscono selezioni esclusive e indipendenti nei form. Offrono un comportamento prevedibile e stati visivi chiari, rendendoli adatti a pannelli di impostazioni e moduli di preferenze utente.

Cambiamenti di stato interattivi con Toggle Switch e Button Group

Il Toggle Switch Button rappresenta valori booleani con un feedback visivo immediato. La Button Group organizza opzioni correlate in pulsanti selezionabili, offrendo un modo compatto per presentare scelte mutuamente esclusive o multiple.

Selezione in linea e tagging con Mention e Chips

Il componente Mention mostra suggerimenti quando un carattere di attivazione viene inserito in un campo di testo, consentendo riferimenti contestuali. Il componente Chips rappresenta i valori selezionati come elementi compatti che possono essere aggiunti, selezionati o rimossi all'interno del layout.

Compatibilità del prodotto

Esamina i dettagli riportati di seguito per assicurarti che questo prodotto sia supportato nell'ambiente in uso.

Tipo di componente

  • JavaScript

Piattaforma JavaScript

  • Vue.js