Nei precedenti script abbiamo visto come impostare alcuni aspetti del LongListSelector. Oggi vedremo come organizzare la fonte dati per poter visualizzare e utilizzare la jumplist
Per prima cosa, è necessario che la nostra fonte dati non sia "flat", ma organizzata a gruppi. Per fare questo come prima cosa è necessario creare una classe che definisca un gruppo.
public class Group<T> : List<T> { public Group(string name, IEnumerable<T> items): base(items) { this.Title = name; } public string Title { get; set; } }
La nostra classe Group<T> estende il tipo List<T>, aggiungendovi la proprietà Title del tipo string, che ci servirà come label del gruppo.
Infine, per creare una lista di gruppi è sufficiente definire una istanza di List
const string letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; private static List<Group<City>> GetItemGroups(IEnumerable<City> itemList) { var _groupList = new List<Group<City>>(); foreach (var letter in letters) { var _group = new Group<City>(letter.ToString(), itemList.Where(c=> c.Name.StartsWith(letter.ToString())).OrderBy(c=> c.Name)); _groupList.Add(_group); } }
Nel frammento di codice precedente creiamo una collezione di gruppi in ordine alfabetico.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Criptare la comunicazione con mTLS in Azure Container Apps
Miglioramenti nell'accessibilità con Angular CDK
Eseguire attività pianificate con Azure Container Jobs
Eseguire attività con Azure Container Jobs
Gestire undefined e partial nelle reactive forms di Angular
Supportare lo HierarchyID di Sql Server in Entity Framework 8
Utilizzare gRPC su App Service di Azure
Miglioramenti agli screen reader e al contrasto in Angular
Definire stili a livello di libreria in Angular
Utilizzare politiche di resiliency con Azure Container App
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Eseguire una query su SQL Azure tramite un workflow di GitHub