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

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

 <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>


3 Replies

SK Satheesh Kumar Balasubramanian Syncfusion Team September 30, 2019 12:56 PM UTC

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. 
 
 
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 



ET ebi torabi October 4, 2019 05:27 PM UTC

Hi Satheesh Kumar B 
Thanks for your great support


NR Nevitha Ravi Syncfusion Team October 7, 2019 04:57 AM UTC

Hi Ebi, 

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

Regards, 
Nevitha 


Loader.
Live Chat Icon For mobile
Up arrow icon