handlekeyboardnavigation is getting called for each grid in browser

[anandbabuParticipant]

Hi JqWidget Team

I am having 4 grids in one jsp page and in every grid property I have put handlekeyboardnavigation function so that when user clicks on key 46 then only it shuld delete data from one that Grid.

But I am facing one problem here.
When I am clicking delete button of one Grid it is trigging the handlekeyboardnavigation function for other grids also and causing error in browser console. Below is the error.

SCRIPT5007: Unable to get property ‘datafield’ of undefined or null reference .

Please guide us on the above error. it’s required urgently.

Regards
Mohit

[DimitarParticipant]

Hello Mohit,

In each grid’s handlekeyboardnavigation callback function you can check if the grid has a selected row and delete it if it has. If the grid’s selection is empty, the callback should do nothing. This way, conflicts should be avoided.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[indresh.singhParticipant]

Hi anandbabu,

In order to fix the issue you have to check that you are on same grid, and to do so add the below code:

var $grid=$('#grid');
     $grid.jqxGrid({
      handlekeyboardnavigation:function(event) {
       if($(event.target).closest($grid).length){ // check the closest is same as your grid element.
          if(event.keyCode===13){
           // your code here. 
           }
         }
      }

});

Regards
Indresh Singh

[oeriksenParticipant]

I know it’s late but thank you Indresh! It worked great! 🙂

[Author]

Posts