Add column in edit dialog form

[Juan José]

Hi, I have a grid with 9 columns, 3 of them with .visible(false). I need that those 3 columns, shows up in the edit dialog (dialog mode, not dialog template mode).

Thanks for your help.

Kind regards,

Juan J.

[Thavasianand Sankaranarayanan]

Hi Juan, 

Greetings from Syncfusion. 

Based on your query we found that you want to add/edit the invisible columns in Grid without using the dialog template edit in Grid. we can achieve your requirement using the actionBegin event of Grid. 

Refer the below code example. 

[Index.cshtml] 

@(@Html.EJS().Grid<DialogTemplateModel>("DialogTemplateEdit").ActionBegin("actionBegin").DataSource((IEnumerable<object> 

    )ViewBag.data).Columns(col => 

    { 

    col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add(); 

    col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add(); 

    col.Field("EmployeeID").HeaderText("Employee ID").Visible(false).Width("90").Add(); 

    }).AllowPaging().PageSettings(page => page.PageCount(2)).EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Dialog); }).Toolbar(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()) 

</div> 

 

<script id="dialogtemplate" type="text/template"> 

    <div id="dialogTemp"> 

    </div> 

</script> 

 

<script type="text/javascript"> 

    function actionBegin(args) { 

        if (args.requestType === "beginEdit" || args.requestType === "add") { 

            this.columns[2].visible = true; // Enable the visibility for “EmployeeID” column 

        } 

        else if (args.requestType === "save") { 

            this.columns[2].visible = false; // Disable the visibility for “EmployeeID” column 

        } 

    } 

Refer the help documentation. 

Link: https://ej2.syncfusion.com/javascript/documentation/api/grid/#actionbegin 

Regards, 

Thavasianand S. 

[Juan José]

Thanks so much!

[Thavasianand Sankaranarayanan]

Hi Juan, 

 

We are happy that the problem has been solved. 

 

Please get back to us if you need any further assistance.  

                          

Regards, 

Thavasianand S.