3
« on: July 19, 2017, 05:06:07 pm »
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.