HI, I am having issues with tab navigation in grids. Teh issue Iam seeing is that on Internet Explorer tabbing between editable cells behaves differently (worse) than in Chrome. When in an editable cell you press tab, the next cell is opened for edit but immediately closes and you are left wiht the focus on the cell but not in edit mode. In Chrome this works correctly and you can tab from cell to cell and the editors open correctly.
Example code is at the bottom of this post. I used your % Column Widths sample and deleted all teh Javascript in there and replaced it with the code below. Run this on both Chrome and IE. Click on the top left cell and both will go into edit mode. THen tab to the next column and you will see the disparity.
A Second issue we are having is that when you tab to the end of the grid (bottom right cell) and then click tab again nothing happens. We wodul expet that the focus wodul leave the grid and proceed to the next control in the tab order. This may or may not be another ParamQuery Grid. Is there a way to trap the navigation and when there is no cell to navigate to change teh focus to the next control in teh tab order?
THANKS!!!
// CODE
$(function () {
var _phCE_Shareholders_data = {"pqObj":{"rowBorders":true,"selectionModel":{type: 'cell'},"roundCorners":false,"scrollModel":{"pace":"fast","theme":true,"autoFit":true},"columnTemplate":{"align":"left","editable":false,"maxWidth":700,"resizable":false,"minWidth":30},"height":"flex","virtualY":false,"columnsBorders":true,"resizable":false,"postRenderInterval":100,"virtualX":false,"collapsible":{on: false, toggle: false},
"colModel":[{"dataIndx":"PersonId","title":"Person ID","align":"right","minWidth":40,"width":40,"dataType":"integer","editable":false,"hidden":true,"editor":false}
,{"dataIndx":"TitleId","title":"TitleId","align":"right","minWidth":40,"width":40,"dataType":"integer","editable":true,"hidden":true,"editor":{"select":true},"ddcValueDefault":6}
,{"dataIndx":"Title","title":"Title","doExpand":true,"width":150,"dataType":"string","editable":true,"hidden":true,"editor":{"valueIndx":"TitleId","type":"select","labelIndx":"Title","options":[{"TitleId":6,"Title":"Shareholder"}],"cls":"defaultTextBox"},"minWidth":150,"maxWidth":150}
,{"dataIndx":"Name","title":"Name","doExpand":true,"doFlex":true,"dataType":"string","editable":true,"editor":{"select":true},"ddcValueDefault":" "}
,{"dataIndx":"Data","title":"Ownership","width":85,"dataType":"float","editable":true,"editor":{"select":true},"format":"##0.00%","align":"right","minWidth":85,"maxWidth":85}]
,"swipeModel":{ on: false},"title":"Shareholders","numberCell":{show: false},"dataModel":{"location":"local","sorting":"local"},"editModel":{"onTab":"nextEdit","onSave":"nextEdit","clicksToEdit":1},"hoverMode":"","editor":{ type: 'textbox', cls: 'defaultTextBox', select: true },"dragColumns":false,"editable":true,"showTop":true,"sortModel":{"ignoreCase":true,"single":false},"width":740},
"data":[{"pqRowId":0,"PersonId":"27","TitleId":"6","Title":"Shareholder","Name":"abc","Data":"70"},{"pqRowId":1,"PersonId":"26","TitleId":"6","Title":"Shareholder","Name":"xyz","Data":"50"}]};
var obj = _phCE_Shareholders_data.pqObj;
obj.dataModel.data = _phCE_Shareholders_data.data;
$("#grid_json").pqGrid(obj);
});
