Skip grid in tabbing sequence

[Nga]

I have a ejgrid with toolbar items. When I tab between HTML controls, it moves between grid toolbar items. I would like to skip grid in tabbing sequence. Is it possible to do that?

[Venkatesh Ayothi Raman]

Hi Nga, 

Thanks for Contacting Syncfusion support. 

We suspect that you want to disable the tab key processing for Grid toolbar elements. If so, we suggest you to prevent the tab key operations in Grid dataBound event like as follows, 

Code example: 

$("#Grid").ejGrid({ 

                 

                dataSource: window.gridData, 

                allowPaging: true, 

                dataBound:function(args){ 

                        //here we can prevent the tab key Grid toolbar and page elements                    $("#"+this._id+" .e-gridtoolbar,.e-pager").attr("tabindex",-1); 

               

                }, 

                editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true }, 

                toolbarSettings: { showToolbar: true, toolbarItems: [ej.Grid.ToolBarItems.Add, ej.Grid.ToolBarItems.Edit, ej.Grid.ToolBarItems.Delete, ej.Grid.ToolBarItems.Update, ej.Grid.ToolBarItems.Cancel] }, 

                columns: [ 

                        .  .  . 

                ] 

            }); 

Help documentation: https://help.syncfusion.com/api/js/ejgrid#events:databound 

If we misunderstood your requirement, then could you please provide more details about your requirement? 

Regards, 

Venkatesh Ayothiraman. 

[Nga]

Thanks. It works.

[Venkatesh Ayothi Raman]

Hi Nga, 

Thanks for the feedback. 

We are very happy to hear that your requirement is achieved. 

Regards, 

Venkatesh Ayothiraman.