Grid with toolbar in tabs do not work(hosted core)

[ebi torabi]

 <TabItem Disabled="true">

                                            <ChildContent>

                                                <TabHeader Text="داروها"></TabHeader>

                                            </ChildContent>

                                            <ContentTemplate>

                                                <EjsGrid DataSource="@Orders" AllowPaging="true" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })" Height="315">

                                                    <GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true"></GridEditSettings>

                                                    <GridColumns>

                                                        <GridColumn Field=@nameof(Order.OrderID) HeaderText="Order ID" IsPrimaryKey="true" TextAlign="TextAlign.Right" Width="120"></GridColumn>

                                                        <GridColumn Field=@nameof(Order.CustomerID) HeaderText="Customer Name" Width="120"></GridColumn>

                                                        <GridColumn Field=@nameof(Order.OrderDate) HeaderText=" Order Date" EditType="EditType.DatePickerEdit" Format="yMd" TextAlign="TextAlign.Right" Width="130" Type="ColumnType.Date"></GridColumn>

                                                        <GridColumn Field=@nameof(Order.Freight) HeaderText="Freight" Format="C2" TextAlign="TextAlign.Right" Width="120"></GridColumn>

                                                    </GridColumns>

                                                </EjsGrid>

[Satheesh Kumar Balasubramanian]

Hi Ebi, 

 

Greetings from Syncfusion support. 

 

As per our understanding, your requirement is “Toolbar actions within Grid is not working”. We have tried to replicate the issue with shared code snippet. But we were unable to reproduce the issue.  

 

Refer the below code snippet.  

 

@using Syncfusion.EJ2.Blazor.Navigations 

@using Syncfusion.EJ2.Blazor.Grids 

 

<EjsTab> 

    <TabItems> 

                      // your shared code snippet here. 

    </TabItems> 

</EjsTab> 

 

@code{ 

    public List<Order> Orders { get; set; } 

 

    Order Model = new Order(); 

 

    protected override void OnInitialized() 

    { 

        Orders = Enumerable.Range(1, 5).Select(x => new Order() 

        { 

            OrderID = 1000 + x, 

            CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], 

            Freight = 2.1 * x, 

            OrderDate = DateTime.Now.AddDays(-x), 

        }).ToList(); 

    } 

 

    public class Order 

    { 

        public int? OrderID { get; set; } 

        public string CustomerID { get; set; } 

        public DateTime? OrderDate { get; set; } 

        public double? Freight { get; set; } 

    } 

 

} 

 

We have prepared sample with your shared code snippet and download it from the below link. 

https://www.syncfusion.com/downloads/support/forum/147956/ze/GridTabsHostedCore1330147448 

 

 

Could you please share the following details to check this issue in our end and provide the solution at earliest? 

• Confirm whether your Grid is working when place outside of Tabs?
• Do you mean the issue about Tab disabled and its content is not disabled?

 

Regards, 

Satheesh Kumar B 

[ebi torabi]

Hi Satheesh Kumar B 

Thanks for your great support

[Nevitha Ravi]

Hi Ebi, 

You are most welcome.! Please let us know if you need any further assistance. 

Regards, 

Nevitha