Back to Devexpress

DxAccordion.ItemClick Event

blazor-devexpress-dot-blazor-dot-dxaccordion-fa103c5a.md

latest2.1 KB
Original Source

DxAccordion.ItemClick Event

Fires when a user clicks an Accordion item.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public EventCallback<AccordionItemClickEventArgs> ItemClick { get; set; }

Event Data

The ItemClick event's data class is AccordionItemClickEventArgs. The following properties provide information specific to this event:

PropertyDescription
ItemInfoReturns information about an item related to the event. Inherited from AccordionItemEventArgs.
MouseEventArgsThe Blazor’s built-in MouseEventArgs event arguments.

Remarks

Use the DxAccordion.ItemClick event to react to item clicks. The following code snippet handles the event:

razor
<DxAccordion ItemClick=@OnClick>
    <Items>
        <DxAccordionItem Text="Grid" />
        <DxAccordionItem Text="Navigation and Layout">
            <Items>
                <DxAccordionItem Text="Accordion" />
                <DxAccordionItem Text="Stack Layout" />
            </Items>
        </DxAccordionItem>
        <DxAccordionItem Text="Data Editors" />
        <DxAccordionItem Text="Scheduler" />
    </Items>
</DxAccordion>

The clicked item: @Item

@code {
    string Item { get; set; } = "";
    void OnClick(AccordionItemClickEventArgs args) {
        Item = args.ItemInfo.Text;
    }
}

See Also

DxAccordion Class

DxAccordion Members

DevExpress.Blazor Namespace