grid command do nat work in tabs(hosted core)

[ebi torabi]

<EjsGrid Width="100%" TValue="GridFields" DataSource="@GridData" EnableRtl="true" AllowTextWrap="true">

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

                                                    <GridColumns>

                                                        <GridColumn Field=@nameof(GridFields.TrainNo) HeaderText="Train No" Width="120" Type="@ColumnType.Number"></GridColumn>

                                                        <GridColumn Field=@nameof(GridFields.Name) Width="140"></GridColumn>

                                                        <GridColumn HeaderText="حذف" Width="20">

                                                            <GridCommandColumns>

                                                                <GridCommandColumn Type="CommandButtonType.Edit" ButtonOption="@(new CommandButtonOptions() {IconCss="e-icons e-edit", CssClass="e-flat" })"></GridCommandColumn>

                                                                <GridCommandColumn Type="CommandButtonType.Delete" ButtonOption="@(new CommandButtonOptions() {IconCss="e-icons e-delete", CssClass="e-flat" })"></GridCommandColumn>

                                                                <GridCommandColumn Type="CommandButtonType.Save" ButtonOption="@(new CommandButtonOptions() {IconCss="e-icons e-save", CssClass="e-flat" })"></GridCommandColumn>

                        <GridCommandColumn Type="CommandButtonType.Cancel" ButtonOption="@(new CommandButtonOptions() {IconCss="e-icons e-cancel", CssClass="e-flat" })"></GridCommandColumn>

                                                            </GridCommandColumns>

                                                        </GridColumn>

                                                    </GridColumns>

                                                </EjsGrid>

[Satheesh Kumar Balasubramanian]

Hi Ebi, 

 

Greetings from Syncfusion support. 

 

We have validated the reported issue with shared code snippet and found that you have missed to set the properties  “AllowEditing” and “IsPrimaryKey” as true in GridEditSettings and GridColumn tag respectively which is the cause for the reported problem. 

 

Refer the below code snippet to overcome the reported issue.  

 

@using Syncfusion.EJ2.Blazor.Navigations 

@using Syncfusion.EJ2.Blazor.Grids 

 

<EjsTab> 

    <TabItems> 

        <TabItem> 

            <ChildContent> 

                <TabHeader Text="Grid"></TabHeader> 

            </ChildContent> 

            <ContentTemplate> 

                <EjsGrid TValue="GridFields" DataSource="@GridData" EnableRtl="true" AllowTextWrap="true"> 

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

                    <GridColumns> 

                        <GridColumn Field=@nameof(GridFields.TrainNo) HeaderText="Train No" IsPrimaryKey="true" Width="120" Type="@ColumnType.Number"></GridColumn> 

                        <GridColumn Field=@nameof(GridFields.Name) Width="140"></GridColumn> 

                        <GridColumn HeaderText="حذف" Width="20"> 

                            <GridCommandColumns> 

                                <GridCommandColumn Type="CommandButtonType.Edit" ButtonOption="@(new CommandButtonOptions() {IconCss="e-icons e-edit", CssClass="e-flat" })"></GridCommandColumn> 

                                <GridCommandColumn Type="CommandButtonType.Delete" ButtonOption="@(new CommandButtonOptions() {IconCss="e-icons e-delete", CssClass="e-flat" })"></GridCommandColumn> 

                                <GridCommandColumn Type="CommandButtonType.Save" ButtonOption="@(new CommandButtonOptions() {IconCss="e-icons e-save", CssClass="e-flat" })"></GridCommandColumn> 

                                <GridCommandColumn Type="CommandButtonType.Cancel" ButtonOption="@(new CommandButtonOptions() {IconCss="e-icons e-cancel", CssClass="e-flat" })"></GridCommandColumn> 

                            </GridCommandColumns> 

                        </GridColumn> 

                    </GridColumns> 

                </EjsGrid> 

            </ContentTemplate> 

        </TabItem> 

    </TabItems> 

</EjsTab> 

 

 

@code{ 

    public List<GridFields> GridData { get; set; } 

 

    protected override void OnInitialized() 

    { 

        GridData = Enumerable.Range(1, 5).Select(x => new GridFields() 

        { 

            TrainNo = 1000 + x, 

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

        }).ToList(); 

    } 

 

    public class GridFields 

    { 

        public int? TrainNo { get; set; } 

        public string Name { get; set; } 

    } 

 

} 

 

 

Sample: https://www.syncfusion.com/downloads/support/forum/147957/ze/GridTabsHostedCore-1768015959 

 

Please try out the solution and let us know if you need any further assistance. 

 

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