Add and Remove Items in Blazor Dropdown Menu Component
16 Mar 20221 minute to read
Dropdown Menu component can dynamically add or remove items using the AddItems
and RemoveItems
methods.
The following example illustrates how to add and remove items in Dropdown Menu component.
@using Syncfusion.Blazor.SplitButtons
@using Syncfusion.Blazor.Buttons
<SfDropDownButton Content="Paste Items" @ref="DropDownbuttonRef">
<DropDownMenuItems>
<DropDownMenuItem Text="Paste"></DropDownMenuItem>
</DropDownMenuItems>
</SfDropDownButton>
<div>
<SfButton Content="Additem" IsPrimary="true" @onclick="addItem"></SfButton>
<SfButton Content="Removeitem" IsPrimary="true" @onclick="removeItem"></SfButton>
</div>
@code {
SfDropDownButton DropDownbuttonRef;
private void addItem()
{
DropDownbuttonRef.AddItems(dropdownbtnItems);
}
private void removeItem()
{
DropDownbuttonRef.RemoveItems(removeItems);
}
public List<DropDownMenuItem> dropdownbtnItems = new List<DropDownMenuItem>
{
new DropDownMenuItem{ Text="Paste Special" },
new DropDownMenuItem{ Text="Paste as Formula" },
new DropDownMenuItem{ Text="Paste as Hyperlink" }
};
public List<string> removeItems = new List<string>()
{
"Paste"
};
}