Blazor: setting Chips

[Glenn Coleman]

I have the following Chips defined:

            <SfChip @ref="SfChipSet1">

                <ChipEvents></ChipEvents>

                <ChipItems>

                    <ChipItem Text="Whenever" Value="whenever"></ChipItem>

                    <ChipItem Text="At Time" Value="attime"></ChipItem>

                </ChipItems>

            </SfChip>

The intellisense for the SelectChips method displays: "A function that selects chip items based on given index. Values of the chips which are to be selected should be passed"

I tried the following, but no chips are selected:

                string[] chips = { "whenever" };

                SfChipSet1.SelectChips(chips);

How do I properly select chips?

Thanks.

[Sharon Sanchez Selvaraj]

Hi Glenn, 

Thanks for contacting Syncfusion support. 

Based on your requirement, selection of chips can be done in two ways. 

Solution 1: 

 

When using SelectChips method, we suggest you to specify the Selection type. The Selection type can be either Single or Multiple. 

 

<SfButton OnClick="click" Content="Select Chip"></SfButton> 

<SfChip @ref="SfChipSet1" Selection="SelectionType.Single"> 

    <ChipItems> 

        <ChipItem Text="Whenever" Value="whenever"></ChipItem> 

        <ChipItem Text="At time" Value="attime"></ChipItem> 

    </ChipItems> 

</SfChip> 

 

@code{ 

    SfChip SfChipSet1; 

    private void click() 

    { 

        string[] chips = { "attime" }; 

        SfChipSet1.SelectChips(chips); 

    } 

} 

 

 

Solution 2: 

 

By using the property SelectedChips, the Value specified will be selected.  Refer to the below code 

 

<SfChip @ref="SfChipSet1" SelectedChips="chips" Selection="SelectionType.Multiple"> 

    <ChipItems> 

        <ChipItem Text="Whenever" Value="whenever"></ChipItem> 

        <ChipItem Text="At time" Value="attime"></ChipItem> 

    </ChipItems> 

</SfChip> 

 

@code{ 

    SfChip SfChipSet1; 

    string[] chips = { "attime", "whenever"};    

} 

 

 

We have attached a sample for your reference. 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChipSelection420477097 

Please refer to our demos and documentation link for more details on Chip component. 

Demo Link: https://blazor.syncfusion.com/demos/chips/default-functionalities?theme=bootstrap4 

Documentation: https://blazor.syncfusion.com/documentation/chip/getting-started/ 

Please get back to us, if you need any further assistance. 

Regards, 

Sharon Sanchez S. 

 

[Preben]

Should be possible to have a generic value in the chip Value property, so we can pass a selected T type back thru the event. String type is too limited.

[Indhumathy Loganathan]

Hi Preben,

We have considered the scenario "Provide generic type support for property SelectedChips in Blazor Chips component" as a feature which will be included in any of our upcoming releases. Generally, we will plan and implement the features based upon the feature rank, customer request count, and wish-list plan. You can track the status of this feature through the below portal link.

Feedback link: https://www.syncfusion.com/feedback/28429/provide-support-for-string-array-data-source-in-listview

We appreciate your patience.

Regards,

Indhumathy L