We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
|
@using Syncfusion.EJ2.Blazor.Navigations
<EjsAccordion @ref="AcrdnObj">
<AccordionItems>
<AccordionEvents Expanding="OnExpand"></AccordionEvents>
<AccordionItem>
<HeaderTemplate>
<div>sample header1</div>
</HeaderTemplate>
<ContentTemplate>@FirstContent</ContentTemplate>
</AccordionItem>
<AccordionItem>
<HeaderTemplate>
<div>sample header2</div>
</HeaderTemplate>
<ContentTemplate>@SecondContent</ContentTemplate>
</AccordionItem>
<AccordionItem>
<HeaderTemplate>
<div>sample header3</div>
</HeaderTemplate>
<ContentTemplate>@ThirdContent</ContentTemplate>
</AccordionItem>
</AccordionItems>
</EjsAccordion>
@code{
EjsAccordion AcrdnObj;
public RenderFragment FirstContent { get; set; }
public string SecondContent { get; set; } = "";
public string ThirdContent { get; set; } = "";
public void OnExpand(ExpandEventArgs args)
{
if (args.Index == 0)
{
FirstContent = builder =>
{
builder.AddContent(1,@<Counter></Counter>);
};
}
if (args.Index == 1)
{
SecondContent = "Sample Content Two";
}
if (args.Index == 2)
{
ThirdContent = "Sample Content Three";
}
}
} |
