accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2025-02-03 12:38:34 +00:00
Code Issues Releases Activity

Handling default behaviour of tab and shift-tab (#98)

Browse Source
This commit is contained in:
sahil28297 2018-10-07 13:04:34 +05:30 committed by Faris Ansari
parent b1190eb060
commit 0a43015249
1 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
ui/components/controls/Table.vue
View File

@ -29,10 +29,10 @@
@click="activateFocus(i, column.fieldname)" @click="activateFocus(i, column.fieldname)"
@dblclick="activateEditing(i, column.fieldname)" @dblclick="activateEditing(i, column.fieldname)"
@keydown.enter="enterPressOnCell()" @keydown.enter="enterPressOnCell()"
@keydown.shift.tab="focusPreviousCell(i, column.fieldname)" @keydown.tab.exact.prevent="focusNextCell()"
@keydown.tab="focusNextCell(i, column.fieldname)" @keydown.shift.tab.exact.prevent="focusPreviousCell()"
@keydown.left="focusPreviousCell(i, column.fieldname)" @keydown.left="focusPreviousCell()"
@keydown.right="focusNextCell(i, column.fieldname)" @keydown.right="focusNextCell()"
@keydown.up="focusAboveCell(i, column.fieldname)" @keydown.up="focusAboveCell(i, column.fieldname)"
@keydown.down="focusBelowCell(i, column.fieldname)" @keydown.down="focusBelowCell(i, column.fieldname)"
@keydown.esc="escOnCell(i, column.fieldname)" @keydown.esc="escOnCell(i, column.fieldname)"
@ -102,34 +102,37 @@ export default {
this.activateEditing(index, fieldname); this.activateEditing(index, fieldname);
} }
}, },
focusPreviousCell(i, fieldname) { focusPreviousCell() {
if (this.isFocused(i, fieldname) && !this.isEditing(i, fieldname)) { let { index, fieldname } = this.currentlyFocused;
if (this.isFocused(index, fieldname) && !this.isEditing(index, fieldname)) {
let pos = this._getColumnIndex(fieldname); let pos = this._getColumnIndex(fieldname);
pos = pos - 1; pos -= 1;
if (pos < 0) { if (pos < 0) {
i -= 1; index -= 1;
pos = this.columns.length - 1; pos = this.columns.length - 1;
} }
if (i < 0) { if (index < 0) {
i = 0; index = 0;
pos = 0; pos = 0;
} }
this.activateFocus(i, this.columns[pos].fieldname); this.activateFocus(index, this.columns[pos].fieldname);
} }
}, },
focusNextCell(i, fieldname) { focusNextCell() {
if (this.isFocused(i, fieldname) && !this.isEditing(i, fieldname)) { let { index, fieldname } = this.currentlyFocused;
if (this.isFocused(index, fieldname) && !this.isEditing(index, fieldname)) {
let pos = this._getColumnIndex(fieldname); let pos = this._getColumnIndex(fieldname);
pos = pos + 1; pos += 1;
if (pos > this.columns.length - 1) { if (pos > this.columns.length - 1) {
i += 1; index += 1;
pos = 0; pos = 0;
} }
if (i > this.rows.length - 1) { if (index > this.rows.length - 1) {
i = this.rows.length - 1; index = this.rows.length - 1;
pos = this.columns.length - 1; pos = this.columns.length - 1;
} }
this.activateFocus(i, this.columns[pos].fieldname); this.activateFocus(index, this.columns[pos].fieldname);
} }
}, },
focusAboveCell(i, fieldname) { focusAboveCell(i, fieldname) {