ejGrid - Row selection in paging

[Prashant Prasad]

I want to select first row of each page after clicking on next page or previous page button. I am only able to select first row after grid initialization.

[Venkatesh Ayothi Raman]

Hi Prashant, 

Thanks for contacting Syncfusion support. 

We are achieved your requirement “Select the first row while paging operation and grid Initialization” using actionComplete event. This event triggers after every Grid success event. We can check the condition of requestType and select the row using selectRows() method in the Grid. 

Please refer to the Sample, code example and Help document, 

Sample: http://jsplayground.syncfusion.com/tztpx3dm 

Code example: 

<Grid> 

$("#Grid").ejGrid({ 

                // the datasource "window.gridData" is referred from jsondata.min.js 

                dataSource:window.gridData, 

                 

                 allowPaging: true, 

                 

 

              actionComplete:"actionComplete", 

                      

                columns: [ 

 

                      . . .  

 

                ] 

            }); 

        }); 

 

<ActionComplete event> 

function actionComplete(args){ 

 

               

              if(args.requestType == "paging" || args.requestType == "refresh"){ 

 

                  this.selectRows(0); //Select the first row every page operation 

 

              } 

Help document: http://help.syncfusion.com/js/api/ejgrid#events:actioncomplete 

Regards, 

Venkatesh Ayothiraman.