道场 – Dgrid专注于细胞

我使用dojo / aspect :: after将一个事件监听器添加到编辑器小部件(例如dijit / form / TextBox),如果它不存在,则监听特定键的keypress事件,在我的情况下是TAB,然后调用grid .edit(单元格)与下一个应该编辑的单元格.

请参阅jsFiddle的一个工作示例：http://jsfiddle.net/phusick/2jU7R/

它还远没有完成,但至少它可以提供一个可能的直接.使用双击编辑并在编辑时按TAB跳转到下一个单元格.

aspect.after(grid,"edit",function(promise,cellNode) {

    if(promise === null) return;

    promise.then(function(widget) {
        if (!widget._editorKeypressHandle) {
            widget._editorKeypressHandle = widget.on("keypress",function(e) {

                for (var rowId in grid.selection) { break;}            
                for (var columnId in grid.selection[rowId]) { break;}

                if(e.charOrCode == keys.TAB) {
                    e.preventDefault();
                    var cellEdited = grid.cell(rowId,columnId);
                    var cellToEdit = grid.right(cellEdited,1);

                    if(cellEdited.row.id == cellToEdit.row.id
                       && cellEdited.column.id == cellToEdit.column.id
                      ) {
                          // go to next line
                          for(var firstColumnId in grid.columns) { break;}
                          var nextRow = grid.down(cellEdited.row,1);
                          cellToEdit = grid.cell(nextRow,firstColumnId);
                    };

                    grid.deselect(cellEdited);
                    grid.select(cellToEdit);
                    grid.edit(cellToEdit);
                }
            })
        }
    });
});