Skip to content

Commit e69b1df

Browse files
authored
docs(ChipList): Enhance Events example (#2963)
1 parent 8dc5991 commit e69b1df

File tree

1 file changed

+14
-15
lines changed

1 file changed

+14
-15
lines changed

components/chiplist/events.md

Lines changed: 14 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -32,10 +32,7 @@ The `SelectedItemsChanged` fires when the user selects a chip from the ChipList.
3232
SelectionMode="@ChipListSelectionMode.Multiple"
3333
SelectedItems="@ChipListSelectedItems"
3434
SelectedItemsChanged="@( (IEnumerable<ChipModel> selectedItems) => OnChipListSelectedItemsChanged(selectedItems) )"
35-
OnRemove="@OnChipRemove"
36-
TextField="@nameof(ChipModel.ChipText)"
37-
IconField="@nameof(ChipModel.ChipIcon)"
38-
RemovableField="@nameof(ChipModel.isChipRemovable)">
35+
OnRemove="@OnChipRemove">
3936
</TelerikChipList>
4037
4138
@code {
@@ -48,32 +45,34 @@ The `SelectedItemsChanged` fires when the user selects a chip from the ChipList.
4845
4946
private void OnChipRemove(ChipListRemoveEventArgs args)
5047
{
51-
ChipModel removedChip = args.Item as ChipModel;
48+
ChipModel removedChip = (ChipModel)args.Item;
5249
53-
args.IsCancelled = false; //set this to true to cancel the removal of the chip
50+
args.IsCancelled = false; // false by default. Set to true to cancel chip removal.
51+
52+
ChipListSource.Remove(removedChip);
5453
}
5554
5655
private List<ChipModel> ChipListSource { get; set; } = new List<ChipModel>()
5756
{
5857
new ChipModel()
5958
{
60-
ChipText = "Audio",
61-
ChipIcon = SvgIcon.FileAudio,
62-
isChipRemovable = true
59+
Text = "Audio",
60+
Icon = SvgIcon.FileAudio,
61+
Removable = true
6362
},
6463
new ChipModel()
6564
{
66-
ChipText = "Video",
67-
ChipIcon = SvgIcon.FileVideo,
68-
isChipRemovable = true
65+
Text = "Video",
66+
Icon = SvgIcon.FileVideo,
67+
Removable = true
6968
}
7069
};
7170
7271
public class ChipModel
7372
{
74-
public string ChipText { get; set; }
75-
public ISvgIcon ChipIcon { get; set; }
76-
public bool isChipRemovable { get; set; }
73+
public string Text { get; set; } = string.Empty;
74+
public ISvgIcon? Icon { get; set; }
75+
public bool Removable { get; set; }
7776
}
7877
}
7978
````

0 commit comments

Comments
 (0)