diff --git a/examples/App.vue b/examples/App.vue index 57de2f026c1a9dcbd044cd77bc0e963570dadd4a..dba2f3a418915ce7e892b549e2603bc1428a7823 100644 --- a/examples/App.vue +++ b/examples/App.vue @@ -191,6 +191,12 @@ export default { locat: { name: 'StartI18n' } + }, + { + label: 'app.aside.nav.mySample1', + locat: { + name: 'MySample1' + } } ] }, diff --git a/examples/i18n/lang/en-US.js b/examples/i18n/lang/en-US.js index 3ca69e4f1fc680fae1ca613aaa7ae5c63d0b8a7d..9d0d11a2d0524e47a009a13266deee8648ef5775 100644 --- a/examples/i18n/lang/en-US.js +++ b/examples/i18n/lang/en-US.js @@ -2,6 +2,7 @@ export default { app: { aside: { nav: { + mySample1: 'My Sample 1', start: 'Development', install: 'Global install', use: 'Import on demand', diff --git a/examples/i18n/lang/zh-CN.js b/examples/i18n/lang/zh-CN.js index 91e34e9f022fed44d80b217865f59e5e3fda2c85..b7d4a908061881af8970c76c051f0cf68ac54163 100644 --- a/examples/i18n/lang/zh-CN.js +++ b/examples/i18n/lang/zh-CN.js @@ -2,6 +2,7 @@ export default { app: { aside: { nav: { + mySample1: '我的样例-1', start: '开发指南', install: '全局安装', use: '按需加载', diff --git a/examples/i18n/lang/zh-TC.js b/examples/i18n/lang/zh-TC.js index 0489875363007722da90a66c592b6dc274e28f4a..7faa890eda09d155919d2186fe10eae46c481134 100644 --- a/examples/i18n/lang/zh-TC.js +++ b/examples/i18n/lang/zh-TC.js @@ -2,6 +2,7 @@ export default { app: { aside: { nav: { + mySample1: '我的樣例-1', start: '開發指南', install: '全局安装', use: '按需加载', diff --git a/examples/router.js b/examples/router.js index fb975180edf8c9122a15d5014113a5201b3c406a..0eb0bc10a8823589edf8724c0995d80b9a6a7fde 100644 --- a/examples/router.js +++ b/examples/router.js @@ -287,6 +287,8 @@ import Donation from './views/api/Donation.vue' import Run from './views/api/Run.vue' import Preview from './views/api/Preview.vue' +import MySample1 from './views/my/sample1/index' + Vue.use(Router) export default new Router({ @@ -335,6 +337,11 @@ export default new Router({ name: 'StartI18n', component: StartI18n }, + { + path: '/table/start/mySample', + name: 'MySample1', + component: MySample1 + }, { path: '/table/renderer/api', name: 'RendererAPI', diff --git a/examples/views/my/sample1/index.vue b/examples/views/my/sample1/index.vue new file mode 100644 index 0000000000000000000000000000000000000000..ad910d442d810159de5734f95fddd4885d64e50b --- /dev/null +++ b/examples/views/my/sample1/index.vue @@ -0,0 +1,99 @@ + + + 键盘移动高亮行,设置 ={isArrow: true} 启用方向键功能 + + + + + + + + + + + + | Arrow Up ↑ | 移动到高亮行的上一行 | + | Arrow Down ↓ | 移动到高亮行的下一行 | + + + + {{ $t('app.body.button.showCode') }} + + + {{ demoCodes[0] }} + {{ demoCodes[1] }} + + + + + diff --git a/packages/table/src/methods.js b/packages/table/src/methods.js index a1ae6e4a1ed7f726ca2930ceea1196744f06243b..8a09497c2ffd40fef065dcb0ceaecfba2949a653 100644 --- a/packages/table/src/methods.js +++ b/packages/table/src/methods.js @@ -2857,6 +2857,12 @@ const Methods = { }, triggerCurrentRowEvent (evnt, params) { const isChange = this.currentRow !== params.row + if (isChange) { + this.emitEvent('current-changing', params, evnt) + if (evnt.abort) { + return + } + } this.setCurrentRow(params.row) if (isChange) { this.emitEvent('current-change', params, evnt) @@ -2867,6 +2873,12 @@ const Methods = { * @param {Row} row 行对象 */ setCurrentRow (row) { + const params = { $table: this, row: row } + const evnt = { abort: false } + this.emitEvent('current-changing', params, evnt) + if (evnt.abort) { + return + } this.clearCurrentRow() this.clearCurrentColumn() this.currentRow = row
键盘移动高亮行,设置 ={isArrow: true} 启用方向键功能
+ + | Arrow Up ↑ | 移动到高亮行的上一行 | + | Arrow Down ↓ | 移动到高亮行的下一行 | + +
{{ $t('app.body.button.showCode') }}
+ {{ demoCodes[0] }} + {{ demoCodes[1] }} +