Grid Edit in Model

[vm]

how to set edit mode as dialog in Grid editsettings

Regards

vijay

[Pavithra Subramaniyam]

Hi Vijay, 

  

Greetings from Syncfusion. 

  

You can set dialog editing by setting the Mode property of Grid EditSettings as “Dialog”. Please refer the below code snippet and sample link for more information. 

  

[Index.razor] 

<EjsGrid id="Grid" DataSource="@gridData" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" })" AllowPaging="true"> 

    <GridPageSettings PageSize="5"></GridPageSettings> 

  

    <GridEditSettings AllowAdding="true" AllowDeleting="true" AllowEditing="true" Mode="@EditMode.Dialog"></GridEditSettings> 

    <GridColumns> 

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

         .  .  .  .         

    </GridColumns> 

</EjsGrid> 

  

  

@functions { 

    public object gridData { get; set; } 

    protected override void OnInit() 

    { 

        gridData = OrdersDetails.GetAllRecords(); 

    } 

} 

  

Sample : http://www.syncfusion.com/downloads/support/directtrac/general/ze/Blazorgrid-editing-528940174  

  

Please get back to us for further assistance. 

 

Regards, 

Pavithra S. 

[vm]

Great. Thank you

[Pavithra Subramaniyam]

Hi Vijay,  

 

Thanks for your update. 

 

Please contact us if you need any further assistance. As always, we will be happy to assist you.  

 

Regards,  

Pavithra S.