Hi. I'm trying to understand what the correct method of manipulating chips through code is:
For example:
@using Syncfusion.EJ2.Blazor.Buttons;
<EjsChipList @ref="ListReference" Selection="Selection.None" EnableDelete="true">
<ChipCollection>
<ChipListChip Text="First Chip"></ChipListChip>
</ChipCollection>
</EjsChipList>
@code
{
EjsChipList ListReference { get; set;}
// This works as expected
private void AddChip()
{
ChipModel chip = new ChipModel();
chip.Text = "Chip text";
ListReference.Add(chip);
}
private void AlternateAddChip()
{
ChipListChip chip = new ChipListChip();
chip.Text = "Chip text";
List<ChipListChip> chipLists = (List<ChipListChip>)ListReference.Chips;
chipLists.Add(newchip);
}
}
AddChip() is based off an example I saw provided to another user on these forums and the chips show up correctly on the page. However the ListReference does not appear to have a reference to the added chips. It's Chips count remains exactly what it was originally initialized with. No additionally added chips can be referenced for further manipulation.
AlternateAddChip() is the result of my own experimentation. It appears to correctly add the chips, and ListReference correctly maintains the reference to these newly added chips. However - when creating and assigning data to ChipListChip new, Visual Studio gives warnings saying "Component parameter 'Text' should not be set outside of its component".
What is the correct method of manipulating chips? The second method is violating guidelines from the Blazor devs but since it is an un-rendered component, it doesn't appear to cause any issues.
