Grid Navigation and Shift-Tab | Infragistics Forums

Well...I've gotten the code working for the most part with one exception. I'm using WebNumericEdit controls in the editable cells, and the Client-Side WebGrid events don't seem to fire when in Edit mode. I'm wondering if anybody has any suggestions.

Here's the code in its current form:

var _shiftPressed = false;

function uwgLocates_KeyDownHandler(gridName, cellId, key){
    //Add code to handle your event here.

    // Get the current cell
    var cell = igtbl_getCellById(cellId);

    return navigateGrid(cell, key);
}

function uwgLocates_EditKeyDownHandler(gridName, cellId, key) {
    //Add code to handle your event here.

    // Get the current cell
    var cell = igtbl_getCellById(cellId);
    if (key == 39 || key == 37 || key == 9 || key == 38 || key == 40) {
        cell.endEdit(true);
    }

    return navigateGrid(cell, key);
}

function uwgLocates_KeyUpHandler(gridName, cellId, key) {
    //Add code to handle your event here.
    switch (key) {
        case 16:
            _shiftPressed = false;
            break;
    }
}

function navigateGrid(cell, key) {

    switch (key) {
        // the 'Right' key
        case 39:
            // Check to see if there is a next cell in the row
            var nextCell = getNextEditableCell(cell);
            if (nextCell.isEditable()) {
                nextCell.setSelected(true);
                nextCell.activate();
            }
            return true;
            break;
        // the 'Left' key
        case 37:
            var prevCell = getPrevEditableCell(cell);
            if (prevCell.isEditable()) {
                prevCell.setSelected(true);
                prevCell.activate();
            }
            return true;
            break;
        // the 'Shift' key
        case 16:
            // Set a flag to indicate that the 'Shift' key is pressed. Unset the flag in the key-up handler
            _shiftPressed = true;
            break;
        // the 'Tab' key
        case 9:
            if (_shiftPressed == true) {
                var prevCell = getPrevEditableCell(cell);
                if (prevCell.isEditable()) {
                    prevCell.setSelected(true);
                    prevCell.activate();
                }
            }
            else {
                var nextCell = getNextEditableCell(cell);
                if (nextCell.isEditable()) {
                    nextCell.setSelected(true);
                    nextCell.activate();
                }
            }

            return true;
            break;
        // the 'Up' key
        case 38:
            var upCell = getUpEditableCell(cell);
            if (upCell.isEditable()) {
                upCell.setSelected(true);
                upCell.activate();
            }
            return true;
            break;
        // the 'Down' key
        case 40:
            var downCell = getDownEditableCell(cell);
            if (downCell.isEditable()) {
                downCell.setSelected(true);
                downCell.activate();
            }
            return true;
            break;
    }
}
// Recursive function to get the Next Editable Cell
function getNextEditableCell(cell) {
    var nextCell = cell.getNextCell();
    if (nextCell != null) {
        if (nextCell.isEditable())
        {
            return nextCell;
        }
        else {
            return getNextEditableCell(nextCell);
        }
    }
    else {
        return cell;
    }
}

// Recursive function to get the Previous Editable Cell
function getPrevEditableCell(cell) {
    var prevCell = cell.getPrevCell();
    if (prevCell != null) {
        if (prevCell.isEditable()) {
            return prevCell;
        }
        else {
            return getPrevEditableCell(prevCell);
        }
    }
    else {
        return cell;
    }
}

// Recursive function to get the Next Editable Cell Up
function getUpEditableCell(cell) {
    // Get the row of the cell
    var row = cell.getRow();
    var prevRow = row.getPrevRow();

    if (prevRow != null) {
        var upCell = prevRow.getCell(cell.Index);
        if (upCell.isEditable()) {
            return upCell;
        }
        else {
            return getUpEditableCell(upCell, prevRow);
        }
    } else {
        return cell;
    }
}

// Recursive function to get the Next Editable Cell down
function getDownEditableCell(cell) {
    // Get the row of the cell
    var row = cell.getRow();
    var nextRow = row.getNextRow();

    if (nextRow != null) {
        var downCell = nextRow.getCell(cell.Index);
        if (downCell.isEditable()) {
            return downCell;
        }
        else {
            return getDownEditableCell(downCell, nextRow);
        }
    } else {
        return cell;
    }
}