Grid control features

[Michael Salzlechner]

looking at the grid control and i am wondering about the following features

programmatically setting the current row

i see how you can select rows but i am not sure if i can change the current row (similar to the user clicking on a row)

programmatically going to the top and bottom of the grid

thanks

Mike

[Jayaprakash Kamaraj]

Hi Michael, 

 

Thank you for contacting Syncfusion support. 

 

We can select the grid rows using selectRows method based on the index. We can get the row index based on the given tr element in grid using getIndexByRow() method. Please refer to the below help documents and code example. 

 

Help document for, 

 

selectRows method : https://help.syncfusion.com/api/js/ejgrid#methods:selectrows 

 

getIndexByRow method: https://help.syncfusion.com/api/js/ejgrid#methods:getindexbyrow 

 

    <script> 

// Create grid object. 

        var gridObj = $("#Grid").data("ejGrid"); 

       var index =  gridObj.getIndexByRow($(".e-gridcontent tr").first()); // here we will get index 

       gridObj.selectRows(index); // Selects rows based on the given index 

    </script> 

 

Regards, 

Jayaprakash K. 

[Michael Salzlechner]

thanks

i tried as documented

gridObj.selectRows(fromindex, toindex);

gridObj.selectRows(1,1);

and this does not work. 

gridObj.selectRows(1);

however does work

[Jayaprakash Kamaraj]

 

Hi Michael, 

 

If you want to select multiple rows in grid, we need to set selectionType as multiple in Grid . Please refer to the below help documents, code example and sample.   

Help document for, 

selectionType: https://help.syncfusion.com/api/js/ejgrid#members:selectiontype 

Selection : https://help.syncfusion.com/js/grid/selection 

$(function () { 

            $("#Grid").ejGrid({ 

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

                dataSource: window.gridData, 

                allowPaging: true, 

                selectionType: "multiple", 

.. 

                columns: [ 

.. 

                ] 

            }); 

        $("#refresh").click(function () { 

            var obj = $("#Grid").ejGrid("instance"); 

            obj.selectRows(1, 4); 

 

        }); 

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

Online demo sample: http://js.syncfusion.com/demos/web/#!/bootstrap/grid/selection/basic 

Regards, 

 

Jayaprakash K.