Latest release of EJ2 Blazor breaks DropDownButton

[Dean Walker]

Hi,

If i update my project from the 17.3.0.29 beta to latest stable 17.4.0.44 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...

https://www.syncfusion.com/forums/150588/dropdownbutton-and-ejssplitbutton-have-no-list-below-it-when-the-button-is-clicked

Please advise, much appreciated.

Dean

[Saranya Dhayalan]

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> 

 

 

@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" } 

    }; 

 

} 

 

For your convenience, we have prepared a sample. Please find the sample link: 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/150966/ze/BlazorApp9-620668492 

 

Please find the release notes for tag directive support for ‘Items’ 

 

https://ej2.syncfusion.com/blazor/documentation/release-notes/17.4.39/#dropdownbutton 

 

https://ej2.syncfusion.com/blazor/documentation/release-notes/17.4.39/#splitbutton 

 

Could you please check the above sample link and get back to us, if you need any further assistance on this? 

 

Regards, 

Saranya D 

[Dean Walker]

Hi,

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

Many thanks,

Dean

[Saranya Dhayalan]

Hi Dean 

 

Most Welcome.  

 

Please let us know, if you need any further assistance on this.  

 

Regards, 

Saranya D