From 833f402a997d1181ebf3be65b08c4576a5f6234b Mon Sep 17 00:00:00 2001 From: Dimo Dimov <961014+dimodi@users.noreply.github.com> Date: Mon, 19 May 2025 08:51:24 +0300 Subject: [PATCH] docs(ChipList): Enhance Events example --- components/chiplist/events.md | 29 ++++++++++++++--------------- 1 file changed, 14 insertions(+), 15 deletions(-) diff --git a/components/chiplist/events.md b/components/chiplist/events.md index 8b0a90089..be4677137 100644 --- a/components/chiplist/events.md +++ b/components/chiplist/events.md @@ -32,10 +32,7 @@ The `SelectedItemsChanged` fires when the user selects a chip from the ChipList. SelectionMode="@ChipListSelectionMode.Multiple" SelectedItems="@ChipListSelectedItems" SelectedItemsChanged="@( (IEnumerable selectedItems) => OnChipListSelectedItemsChanged(selectedItems) )" - OnRemove="@OnChipRemove" - TextField="@nameof(ChipModel.ChipText)" - IconField="@nameof(ChipModel.ChipIcon)" - RemovableField="@nameof(ChipModel.isChipRemovable)"> + OnRemove="@OnChipRemove"> @code { @@ -48,32 +45,34 @@ The `SelectedItemsChanged` fires when the user selects a chip from the ChipList. private void OnChipRemove(ChipListRemoveEventArgs args) { - ChipModel removedChip = args.Item as ChipModel; + ChipModel removedChip = (ChipModel)args.Item; - args.IsCancelled = false; //set this to true to cancel the removal of the chip + args.IsCancelled = false; // false by default. Set to true to cancel chip removal. + + ChipListSource.Remove(removedChip); } private List ChipListSource { get; set; } = new List() { new ChipModel() { - ChipText = "Audio", - ChipIcon = SvgIcon.FileAudio, - isChipRemovable = true + Text = "Audio", + Icon = SvgIcon.FileAudio, + Removable = true }, new ChipModel() { - ChipText = "Video", - ChipIcon = SvgIcon.FileVideo, - isChipRemovable = true + Text = "Video", + Icon = SvgIcon.FileVideo, + Removable = true } }; public class ChipModel { - public string ChipText { get; set; } - public ISvgIcon ChipIcon { get; set; } - public bool isChipRemovable { get; set; } + public string Text { get; set; } = string.Empty; + public ISvgIcon? Icon { get; set; } + public bool Removable { get; set; } } } ````