Key Navigation Slow

[Hari]

Hi,

Thank you for your support.

We have implemented a Grid with Add, Modify, Copy, Delete events and cell color changes dynamically based on events.

After including all mentioned above details, key navigation became slow in IE when i try to navigate through navigation arrow key.

Please let me know if you have any suggestion for this issue.

[paramvir]

Which events have you used? Do you directly modify the DOM of grid?

Could you share an example demonstrating the key navigation slow issue in IE.

[Hari]

Hi,
Thanks for your reply and sorry for late responose.

I did try to proivde a demo. But due to large source, im not able to do it.

I found the exact place where the issue is happening.

If I use selection model as null, then i dont find any delay during Key navigation (from Left to right using Key navigation Key)
selectionModel:{type: null}

If I want enable the drag functionality in Cell as below
selectionModel:{type: 'cell', cball: true},

Then, during key navigation, all call back which is configured in cell are triggered for each cell. due to this there is a delay in IE.


Sample Cell level validation

{ title: function(ui){
      return doTranslateHeader("load.N2DNA.SS_HEAD_050");
      }, minWidth: 50, dataType: "string",cls:"optionalHdrBkgrnd",labelIndx: "load.N2DNA.LI_HEAD_199", align: "center", dataIndx: "time",render: function(ui){return colonCellEdit(ui);},editable: function(ui){
   return CrudService.editableCheck(ui);
   },filter: {
   type: 'textbox',
   condition: 'contain',
   listeners: ['keyup']
   },editor: { type:'textbox', attr:'maxlength =4',init:function(ui){ return keyRestrictService.keyRestrict(ui,'^[0-9 ]+$')}}}

Note :
1. The key navigation is done after grid prepared with Data (Server side pagination and 100+ Columns)
2. By Default, the grid is not having editable cells (Made as non editable)
3. Cell will be made editable during external event (By clicking Edit button which is available in Screen)
4. Render call back will have code for data changes based on conditions and color changes at runtime.


Please provide me suggestion on this.

[Hari]

Hi,
Could you please update your suggestion on this issue.

Would be really helpful for us to proceed.

Thank you

[paramvir]

Do you have code in selectChange event.

During key navigation, the other mentioned events are not fired.

Please share a jsfiddle which would help narrow down the cause of issue.

[Hari]

Thank you for response.

There is no code available in selectChange and infact not using selectChange event in our code

I will prepare a jsfiddle.