How to pass the id of the record clicked using the e-column-command

[dsapo]

Hi Support:

I have a button in my grid column like this:

 <e-column header-Text="" width="100">

            <e-column-commands>

                <e-column-command type="assign">

                    <e-button-options content-type="TextOnly" text="Order" click="order"></e-button-options>

                </e-column-command>

            </e-column-commands>

        </e-column>

But I need to retrieve the id of the selected row.  I cant use the following code, because is not compatible with Internet Explorer, and we need to support IE and Chrome:

 function order(args)

 {

         

            var gridInstance = $(args.target.closest(".e-grid")).ejGrid("instance");

            var inx = gridInstance.getIndexByRow(args.target.closest("tr"));

            var data = gridInstance.getCurrentViewData()[inx];

}

What other option I have to get the record whose button was clicked.

Thanks in advanced

David

[Seeni Sakthi Kumar Seeni Raj]

Hi David,  

 

Thanks for contacting Syncfusion Support.  

 

We are unable to reproduce the problem at our end.  

 

We have prepared a sample that can be downloaded from the following location.  

 

Sample: http://www.syncfusion.com/downloads/support/directtrac/131756/ze/ejGrid_Core1444150314.zip 

 

Please share the following details to analyze the problem at our end.  

 

1. Complete code example of the view page (Grid and the events bind to the Grid)
2. Screenshot with the replication procedure or video demo for the issue
3. Version of the Essential Studio

 

Regards,  

Seeni Sakthi Kumar S. 

[dsapo]

Hi Seeni:

Your sample does not work in IE 11, only in Google Chrome.

Check the attachment.

Thanks again

David

Attachment: Error_11368679.zip

[Seeni Sakthi Kumar Seeni Raj]

Hi David,  

 

We can reproduce the problem in the IE11 Browser running in the Win10 OS. The cause of the problem is the event.target is not a valid jQuery Object. So, the closest property is not available for the specified object. We can overcome this problem by replacing this event.target with the this.element of the Button instance. Refer to the following code example.  

 

<ej-grid id="FlatGrid" allow-paging="true" action-complete="complete" datasource="(IEnumerable<object>)ViewBag.datasource"> 

    <e-columns> 

        <e-column header-Text="" width="100"> 

            <e-column-commands> 

                <e-column-command type="assign"> 

                    <e-button-options content-type="TextOnly" text="Order" click="order"></e-button-options> 

                </e-column-command> 

            </e-column-commands> 

        </e-column> 

    </e-columns> 

</ej-grid> 

 

<script> 

    function order(args) { 

 

        var gridInstance = $(this.element.closest(".e-grid")).ejGrid("instance"); 

        var inx = gridInstance.getIndexByRow(this.element.closest("tr")); 

        var data = gridInstance.getCurrentViewData()[inx]; 

    } 

</script> 

 

Regards,  

Seeni Sakthi Kumar S.