Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
150588 | Jan 13,2020 02:34 AM UTC | Jan 27,2020 09:37 AM UTC | Blazor | 7 |
![]() |
Tags: Dropdown Menu |
@using Syncfusion.EJ2.Blazor.SplitButtons
<EjsDropDownButton Items="@ddlItems" IconCss="e-ddb-icons e-profile"></EjsDropDownButton>
<EjsSplitButton Items="@spltItems" IconCss="e-btn-icons e-paste"></EjsSplitButton>
@code{
public List<Syncfusion.EJ2.Blazor.SplitButtons.ItemModel> ddlItems { get; set; } = new List<Syncfusion.EJ2.Blazor.SplitButtons.ItemModel>
{
new Syncfusion.EJ2.Blazor.SplitButtons.ItemModel { Text = "Dashboard", IconCss = "e-ddb-icons e-dashboard" },
new Syncfusion.EJ2.Blazor.SplitButtons.ItemModel { Text = "Notifications", IconCss = "e-ddb-icons e-notifications" },
new Syncfusion.EJ2.Blazor.SplitButtons.ItemModel { Text = "User Settings", IconCss = "e-ddb-icons e-settings" },
new Syncfusion.EJ2.Blazor.SplitButtons.ItemModel { Text = "Log Out", IconCss = "e-ddb-icons e-logout" }
};
public List<Syncfusion.EJ2.Blazor.SplitButtons.ItemModel> spltItems { get; set; } = new List<Syncfusion.EJ2.Blazor.SplitButtons.ItemModel>
{
new Syncfusion.EJ2.Blazor.SplitButtons.ItemModel { Text = "Paste", IconCss = "e-btn-icons e-paste" },
new Syncfusion.EJ2.Blazor.SplitButtons.ItemModel{ Text = "Paste Special", IconCss = "e-btn-icons e-paste-special" },
new Syncfusion.EJ2.Blazor.SplitButtons.ItemModel{ Text = "Paste as Formula", IconCss = "e-btn-icons e-paste-formula" },
new Syncfusion.EJ2.Blazor.SplitButtons.ItemModel{ Text = "Paste as Hyperlink", IconCss = "e-btn-icons e-paste-hyperlink" }
};
}
|
@using Syncfusion.EJ2.Blazor.SplitButtons
<EjsDropDownButton Items="@ddlItems" IconCss="e-ddb-icons e-profile"></EjsDropDownButton>
<EjsSplitButton Items="@spltItems" IconCss="e-btn-icons e-paste"></EjsSplitButton>
@code{
public List<Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem> ddlItems { get; set; } = new List<Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem>
{
new Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem { Text = "Dashboard", IconCss = "e-ddb-icons e-dashboard" },
new Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem { Text = "Notifications", IconCss = "e-ddb-icons e-notifications" },
new Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem { Text = "User Settings", IconCss = "e-ddb-icons e-settings" },
new Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem { Text = "Log Out", IconCss = "e-ddb-icons e-logout" }
};
public List<Syncfusion.EJ2.Blazor.SplitButtons.SplitButtonItem> spltItems { get; set; } = new List<Syncfusion.EJ2.Blazor.SplitButtons.SplitButtonItem>
{
new Syncfusion.EJ2.Blazor.SplitButtons.SplitButtonItem { Text = "Paste", IconCss = "e-btn-icons e-paste" },
new Syncfusion.EJ2.Blazor.SplitButtons.SplitButtonItem{ Text = "Paste Special", IconCss = "e-btn-icons e-paste-special" },
new Syncfusion.EJ2.Blazor.SplitButtons.SplitButtonItem{ Text = "Paste as Formula", IconCss = "e-btn-icons e-paste-formula" },
new Syncfusion.EJ2.Blazor.SplitButtons.SplitButtonItem{ Text = "Paste as Hyperlink", IconCss = "e-btn-icons e-paste-hyperlink" }
};
} |
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.