Custom Command Edit Example Does Not Work

[Eugene Fong]

The custom command edit code in the Documentation does not work.

See below code:

@{

    List<object> commands = new List<object>();
    commands.Add(new { type = "userstatus", buttonOption = new { content = "Details", cssClass = "e-flat e-details" } }); // custom
}

<div class="control-section">
    <ejs-grid id="Grid" dataSource="ViewBag.dataSource" load="load" allowPaging="true">
        <e-grid-editSettings allowAdding="false" allowDeleting="false" allowEditing="true"></e-grid-editSettings>
        <e-grid-columns>
            <e-grid-column field="OrderID" headerText="Order ID" validationRules="@(new { required=true})" isPrimaryKey="true" textAlign="Right" width="100"></e-grid-column>
            <e-grid-column field="Verified" headerText="Verified" editType="booleanedit" displayAsCheckBox="true" textAlign="Center" type="boolean" width="100"></e-grid-column>
            <e-grid-column headerText="Manage Records" width="150" commands="commands"></e-grid-column>
        </e-grid-columns>
    </ejs-grid>
</div>
<script>
    function load() {
        this.columns[2].commands[0].buttonOption.click = function (args) {     //click event for custom command button
                var grid = document.getElementsByClassName('e-grid')[0].ej2_instances[0];  // grid instance
                var rowObj= grid.getRowObjectFromUID(ej.base.closest(args.target, '.e-row').getAttribute('data-uid'));
                alert(JSON.stringify(rowObj.data));  // display row data 
        }
    }
</script>

[Thavasianand Sankaranarayanan]

Hi Eugene, 

Greetings from Syncfusion. 

We have prepared a sample with the given code example but we are unsuccessful to reproduce the issue from our end. Sample can be downloadable from the below location. 

Sample: http://www.syncfusion.com/downloads/support/forum/142506/ze/WebApplication1_(7)1718843940.zip 

Provide the following details for better assistance from our end. 

1. Share screen shot or video demonstration of the issue.
2. Share the replication procedure to reproduce the issue.
3. If possible try to reproduce the issue in the attached sample.
4. Share the Essential Studio version details.

Regards, 

Thavasianand S. 

[Eugene Fong]

Hi Eugene, 

Greetings from Syncfusion. 

We have prepared a sample with the given code example but we are unsuccessful to reproduce the issue from our end. Sample can be downloadable from the below location. 

Sample: http://www.syncfusion.com/downloads/support/forum/142506/ze/WebApplication1_(7)1718843940.zip 

Provide the following details for better assistance from our end. 

1. Share screen shot or video demonstration of the issue.
2. Share the replication procedure to reproduce the issue.
3. If possible try to reproduce the issue in the attached sample.
4. Share the Essential Studio version details.

Regards, 

Thavasianand S. 

Support,

Including EJ1 ASP.NET CORE controls will break the code.  Please provide the same example with a mix of EJ1 controls and the EJ2 Grid.

[Thavasianand Sankaranarayanan]

Hi Jenny 

As per your suggestion we have prepared a sample with mix of ej1 and ej2. Sample can be downloadable from the below location. 

Sample: http://www.syncfusion.com/downloads/support/forum/142506/ze/WebApplication1_(8)121062595.zip 

Refer the help documentation for more details. 

Link: https://ej2.syncfusion.com/aspnetcore/documentation/grid/how-to/render-both-ej1-and-ej2-grids-in-same-application/ 

Link: https://help.syncfusion.com/js/compatibility#compatibility-themes 

Regards, 

Thavasianand S.