ToolBarItems not appearing on datagrid

I have a blazor server project and everything works,
I decided to work try out wasm with the same razor pages i had for the blazor.

Grid loads and api call for loading data works
but the toolbaitems didnt show up

 <SfGrid DataSource="@tax"
                    Toolbar="@Toolbaritems">
                <GridColumns>
                    <GridColumn Field="@nameof(Tax.TaxDescription)"
                                HeaderText="Description"
                                TextAlign="TextAlign.Left"
                                Width="60">
                        <GridColumn Field="@nameof(Tax.TaxRate)"
                                    HeaderText="Rate %"
                                    TextAlign="TextAlign.Right"
                                    Format="p2"
                                    Width="40">
                        </GridColumn>
                    </GridColumn>
                </GridColumns>
                <GridEvents RowSelected="RowSelectHandler" OnToolbarClick="ToolbarClickHandler" TValue="Tax"></GridEvents>
            </SfGrid>


private readonly List
Toolbaritems = new(); Toolbaritems.Add(new ItemModel { Text = "Add", TooltipText = "Add a new Tax Rate", PrefixIcon = "e-add" }); Toolbaritems.Add(new ItemModel { Text = "Edit", TooltipText = "Edit selected Tax Rate", PrefixIcon = "e-edit" }); Toolbaritems.Add(new ItemModel { Text = "Delete", TooltipText = "Delete selected Tax Rate", PrefixIcon = "e-delete" });


 Is there anything that might be preventing it from showing ?

1 Reply

RS Renjith Singh Rajendran Syncfusion Team June 27, 2022 02:21 PM UTC

Hi Boot,


Greetings from Syncfusion support.


We are not clear about the exact scenario you are facing this reported problem. We checked this by creating a sample using your shared codes, but toolbar items displays fine in the sample from our side. We are attaching the sample for your reference.


References :

https://blazor.syncfusion.com/documentation/datagrid/tool-bar#customize-toolbar-text

https://blazor.syncfusion.com/documentation/datagrid/editing


Kindly refer the attached sample and check this from your side. If you are still facing difficulties, then kindly get back to us with a simple issue reproducing sample based on your scenario for us to validate further.


And also, we suspect that you might have missed adding/including the breaking changes(from 20.1.0.47) in your application when upgraded to latest version. If so, then when using latest versions above 20.1.0.47, we suggest you to ensure to follow the breaking changes mentioned in the below release notes in your application.

https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#breaking-changes


Kindly ensure the above breaking changes and get back to us if you need further assistance.


Regards,

Renjith R


Attachment: ClientApp_c7f4b61e.zip

Loader.
Up arrow icon