DxAccordionItem.AllowSelection Property

Specifies whether the Accordion item can be selected.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(true)]
[Parameter]
public bool AllowSelection { get; set; }

Property Value

Type	Default	Description
Boolean	true

true to allow selection; otherwise, false.

Remarks

Set the SelectionMode property value to Single to allow item selection. Accordion items can be selected in the following ways:

Users can click item headers to select them.
You can call the SelectItem method to select an item from code.
The component can automatically select an item based on the item’s NavigateUrl and the current browser URL. Use the UrlMatchMode property to enable this functionality.

Set the AllowSelection property value to false to disable selection of a specific item:

razor

<DxAccordion SelectionMode="NavigationSelectionMode.Single"
             SelectionChanged="@OnSelectionChanged">
    <Items>
        <DxAccordionItem Text="Shapes">
            <Items>
                <DxAccordionItem Text="Circle" AllowSelection="false" />
                <DxAccordionItem Text="Square" />
            </Items>
        </DxAccordionItem>
        <DxAccordionItem Text="Templates" />
    </Items>
</DxAccordion>

Selected item: @SelectedItem

@code {
    string? SelectedItem { get; set; }
    void OnSelectionChanged(AccordionSelectionChangedEventArgs args) {
        SelectedItem = args.SelectedItems.FirstOrDefault()?.Text;
    }
}