Syncfusion Angular UI Selection Controls

SyncfusionControlli di selezione dell'interfaccia utenteJavaScript

Componenti Angular per selezione singola, multipla e gerarchica.

  • Include radio button, checkbox, toggle e button group.
  • Menu a discesa avanzati con supporto per filtering e grouping.
  • Supporta selezione gerarchica, multi column e contestuale dei dati.
Syncfusion logo

Prezzi da:

Caricamento...
Disponibile in
Syncfusion Essential Studio UI Component SuiteCaricamento
Syncfusion Essential Studio EnterpriseCaricamento
immagine del prodotto Syncfusion Angular UI Selection Controls
Syncfusion Angular UI Selection Controls offre un’ampia gamma di componenti per acquisire e gestire le scelte degli utenti nelle applicazioni Angular. Dai pulsanti di opzione e dalle caselle di controllo di base ai menu a discesa avanzati, agli input multi select e agli alberi gerarchici, supporta il data binding strutturato, i template e l’integrazione con i form nelle interfacce enterprise.

Controlli Radio Button e Checkbox

I componenti radio button e checkbox gestiscono selezioni esclusive e multiple nei form e nelle schermate di impostazioni. Gli sviluppatori possono raggruppare le opzioni, controllare il posizionamento delle etichette e associare i valori direttamente ai modelli Angular. Entrambi i componenti funzionano con form basati su template e reactive forms, inclusi convalida e gestione dello stato.

Toggle Switch e Button Group Inputs

Il toggle switch rappresenta gli stati attivo e inattivo con una moderna interfaccia a interruttore, mentre il button group organizza opzioni correlate in un insieme selezionabile unico. Le modalità di selezione possono essere configurate per valori singoli o multipli, con supporto completo per data binding ed eventi di modifica.

Interfacce di selezione basate su Chip

Il componente chips mostra gli elementi selezionati come elementi compatti all’interno dell’interfaccia. Supporta la selezione singola e multipla, template personalizzati e la rimozione degli elementi. Questo approccio è ideale per tagging, filtraggio e selezione di categorie, quando gli utenti hanno bisogno di un riepilogo visivo chiaro dei valori scelti.

Input Autocomplete e ComboBox

I componenti autocomplete e combo box presentano suggerimenti mentre gli utenti digitano, riducendo gli errori di input e velocizzando l’inserimento dei dati. Possono connettersi ad array locali o a servizi dati remoti, applicare filtri e renderizzare template personalizzati per gli elementi. Il combo box consente anche di selezionare tra opzioni predefinite.

Drop Down List e componenti MultiSelect

La dropdown list supporta la selezione singola da dati strutturati con opzioni di grouping e filtering. Il menu a discesa multi select estende questa funzionalità a valori multipli, inclusa la selezione con checkbox e la virtualizzazione per set di dati più grandi. Entrambi i componenti si integrano perfettamente con i form Angular.

ListBox per la gestione avanzata degli elementi

Il componente ListBox mostra raccolte di elementi con modalità di selezione singola o multipla. Supporta drag and drop tra liste, riordinamento e grouping. Questo lo rende adatto a scenari come l’assegnazione di risorse, la gestione di categorie o l’organizzazione di opzioni configurabili.

Selezione gerarchica con DropDown Tree

Il DropDown Tree combina una struttura tree view con il comportamento di un menu a discesa, consentendo agli utenti di selezionare elementi da dati gerarchici. Supporta la selezione di nodi padre e figlio, modalità con checkbox e filtering. Questo componente è utile quando si lavora con categorie annidate o strutture organizzative.

Componente Mention per la selezione contestuale

Il componente Mention mostra un elenco filtrato di suggerimenti quando un utente digita un carattere trigger in un’area di testo o in un campo di input. Si associa a dati strutturati e supporta elementi basati su template, risultando adatto per riferimenti a utenti, tag o entità all’interno di interfacce collaborative.

MultiColumn ComboBox per una ricca presentazione dei dati

Il MultiColumn ComboBox presenta dati tabellari all’interno del proprio menu a discesa, mostrando più campi per record. Questo layout aiuta gli utenti a confrontare valori correlati prima di effettuare una selezione. Supporta filtering, sorting e data binding per applicazioni che gestiscono dati aziendali strutturati.

Integrazione con i form e supporto al data binding

Tutti i componenti di selezione sono progettati per applicazioni Angular e si integrano con form basati su template e reactive forms. Espongono eventi e API dei valori coerenti, rendendo semplice tracciare le modifiche, convalidare l’input e collegare le selezioni allo stato dell’applicazione o ai servizi backend.

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

  • Angular