Skip to content

Commit 35218ac

Browse files
author
黄书伟
committed
1、Table 组件回到顶部触发时机,由数据改变时触发更改为分页时触发
2、Table 组件提供手动回到顶部的方法 `scrollToTop()`
1 parent 669b0b9 commit 35218ac

File tree

7 files changed

+24
-11
lines changed

7 files changed

+24
-11
lines changed

examples/doc/table/api.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,6 +108,7 @@ table 表格数据,通过设置一些特殊属性实现某些功能,如 chec
108108
| resize| 强制自适应(当表格有显示隐藏切换时需要用到) ||
109109
| clearCurrentRow| 取消当前选中的行 ||
110110
| resetOrder| 重置还原排序规则,同时会触发`sort-change`事件 ||
111+
| scrollToTop| 回到顶部的方法(当有垂直滚动条时) ||
111112

112113

113114
### Table Classes

examples/doc/updateLog.md

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,26 @@
1-
2017-1-23 已发布
1+
2018-1-29
2+
1、Table 组件回到顶部触发时机,由数据改变时触发更改为分页时触发
3+
2、Table 组件提供手动回到顶部的方法 `scrollToTop()`
4+
5+
2018-1-26 已发布
26
1、Table 组件修复当表格无数据时,并且有横向滚动条,表头下方也存在滚动条的 bug #96 -- 已完成
37
2、Table 组件修复单元格设置背景色,背景色超出单元格的 bug #99 -- 已完成
48
3、Table 组件修复最后一列右距中时,垂直滚动条会遮住文字的 bug #98 -- 已完成
59

6-
2017-1-23 已发布
10+
2018-1-23 已发布
711
1、Table 组件优化复杂表头行合并时,会添加空行
812
2、Table 组件修复复杂表头非固定列没有 checkbox 的问题 #80
913
3、Table 组件合并单元格功能当设置了rowspan=1 和 colspan=1 则按照合并单元格处理
1014

11-
2017-1-16 已发布
15+
2018-1-16 已发布
1216
1、Table 组件修复 checkbox 点击左上角位置偏移的 bug #82
1317
2、Table 组件新增还原排序规则的方法 `resetOrder()` #81
1418
3、Table 组件修复当表格配置了纵向自适应,出现横行滚动条的时候 ,横行滚动条高度会遮住最后一行表格 bug #79 #83
1519
4、Table 组件修复横向滚动条没有显示完整的 bug #87
1620
5、Table 组件修复自定义列通过 formatter 实现时,设置了overflowTitle 无效果的 bug #88
1721

1822

19-
2017-12-19 已发布
23+
2018-12-19 已发布
2024
1、Table 组件修复没有固定列时,分页数据无法回到顶部的bug
2125
2、Table 组件修复复杂表头时,表头无checkbox bug
2226
3、Table 组件新增取消选中当前行的方法 `clearCurrentRow()`

libs/v-table/src/scroll-control-mixin.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,6 @@ exports.default = {
2222
},
2323
bodyScrollTop: function bodyScrollTop() {
2424

25-
var view2 = this.$el.querySelector('.v-table-rightview');
2625
var body1 = this.$el.querySelector('.v-table-leftview .v-table-body');
2726
var body2 = this.$el.querySelector('.v-table-rightview .v-table-body');
2827

@@ -77,6 +76,10 @@ exports.default = {
7776
_utils2.default.unbind(body1, 'mousewheel', this.body1Mousewheel);
7877
_utils2.default.unbind(body2, 'scroll', this.body2Scroll);
7978
_utils2.default.unbind(rightViewFooter, 'scroll', this.rightViewFooterScroll);
79+
},
80+
scrollToTop: function scrollToTop() {
81+
82+
this.bodyScrollTop();
8083
}
8184
},
8285

libs/v-table/src/table.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -877,8 +877,6 @@
877877
}
878878
879879
this.resize();
880-
881-
this.bodyScrollTop();
882880
},
883881
deep: true
884882
},
@@ -887,6 +885,8 @@
887885
handler:function () {
888886
889887
this.clearCurrentRow();
888+
889+
this.bodyScrollTop();
890890
}
891891
}
892892
},

packages/v-table/src/scroll-control-mixin.js

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@ export default {
1717
// 表格内容滚动到顶部(常用与分页)
1818
bodyScrollTop(){
1919

20-
var view2 = this.$el.querySelector('.v-table-rightview');
2120
var body1 = this.$el.querySelector('.v-table-leftview .v-table-body');
2221
var body2 = this.$el.querySelector('.v-table-rightview .v-table-body');
2322

@@ -79,6 +78,12 @@ export default {
7978
utils.unbind(body1, 'mousewheel', this.body1Mousewheel);
8079
utils.unbind(body2, 'scroll', this.body2Scroll);
8180
utils.unbind(rightViewFooter, 'scroll', this.rightViewFooterScroll);
81+
},
82+
83+
// 对外暴露的方法
84+
scrollToTop(){
85+
86+
this.bodyScrollTop();
8287
}
8388
},
8489

packages/v-table/src/table.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -877,8 +877,6 @@
877877
}
878878
879879
this.resize();
880-
881-
this.bodyScrollTop();
882880
},
883881
deep: true
884882
},
@@ -887,6 +885,8 @@
887885
handler:function () {
888886
889887
this.clearCurrentRow();
888+
889+
this.bodyScrollTop();
890890
}
891891
}
892892
},

umd/js/index.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)