How to find selected chips by index

[Seetha]

Hi Team,

In my use case, I've the same text for multiple chips as well. so I need to highlight chips which is recently clicked based on the index. On the chip, click event, I can capture the index of chip but how to set the selectedchip based on index value. It seems that selectedchip attribute only accepts string[].

Please suggest to how set selected chip by index value.

Many thanks

Seetha.

[Sowmiya Padmanaban]

Hi Seetha,  

 

Greetings from Syncfusion support. 

 

We have checked your requirement with chip component. we suggest you to use the value property for selecting the chips in chip component. 

 

Please, refer the below code snippet. 

 

@using Syncfusion.Blazor.Buttons 

 

<SfChip SelectedChips="@selection" Selection="SelectionType.Multiple"> 

    <ChipItems> 

        <ChipItem Text="Anne" Value="0"></ChipItem> 

        <ChipItem Text="Anne" Value="1"></ChipItem> 

        <ChipItem Text="Laura" Value="2"></ChipItem> 

        <ChipItem Text="Margaret" Value="3"></ChipItem> 

    </ChipItems> 

</SfChip> 

@code { 

    public string[] selection = new string[] { "0", "2" }; 

} 

 

Please, refer the below sample link. 

 

https://www.syncfusion.com/downloads/support/forum/163068/ze/Chip-202553603.zip 

 

Please let us know, if you have any concerns. 

 

Regards, 

Sowmiya.P 

[Seetha]

Thank you Sowmiya. It works well.

[Sowmiya Padmanaban]

Hi Seetha,  

  

We are happy to hear that our provided solution meets your requirement. Please contact us, if you need any help from us. 

  

Regards,  

Sowmiya.P