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. Image for the cookie policy date

Latest release of EJ2 Blazor breaks DropDownButton


If i update my project from the beta to latest stable it breaks existing code, i've also noticed it breaks examples you have posted in the forum as recently as January 14th 2020.

Razor markup example - 

<EjsDropDownButton ItemSelected="ShowArchiveModal" Content="Archive As" Items="@CategoryButtonItems" />

Code example :- 

private List<Syncfusion.EJ2.Blazor.SplitButtons.ItemModel> CategoryButtonItems { get; set; }

When using the latest stable release i get the following error :-

cannot convert from 'System.Collections.Generic.List<Syncfusion.EJ2.Blazor.SplitButtons.ItemModel>' to System.Collections.Generic.List<Syncfusion.EJ2.Blazor.SplitButtons.DropDownButtonItem>'

This also affects your demo example provided in the following thread...

Please advise, much appreciated.


3 Replies

SD Saranya Dhayalan Syncfusion Team January 27, 2020 06:04 AM UTC

Hi Dean, 
We have checked your reported issue, Previously, we have defined ‘ItemModel’ class for constructing items for Dropdown button Now we have changed this to ‘DropdownButtonItem’. Please find the below code snippet: 
@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> 
    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" } 
For your convenience, we have prepared a sample. Please find the sample link: 
Please find the release notes for tag directive support for ‘Items’ 
Could you please check the above sample link and get back to us, if you need any further assistance on this? 
Saranya D 

DW Dean Walker January 27, 2020 09:28 AM UTC


Thanks for this the suggested change fixed it, i will endeavour to check release notes in the future.

Many thanks,


SD Saranya Dhayalan Syncfusion Team January 27, 2020 09:39 AM UTC

Hi Dean 
Most Welcome.  
Please let us know, if you need any further assistance on this.  
Saranya D 

Live Chat Icon For mobile
Up arrow icon