ExtJS 6 - 快速水平滚动时,列 header 和数据未正确对齐
ExtJS 6 - on scrolling horizontal quickly, column header and data are not aligned properly
我有树面板,2 个锁定的列,其余的是未锁定的列。我有大量的记录。当我快速水平滚动时,列 header 和数据不对齐。它适用于少量记录。
我得到了答案。我正在视图后渲染上注册滚动事件。滚动时,我使用 t.scrollLeft 获取滚动 x 位置并将其设置为 headerCt 的树视图水平位置。
afterrender: function () {
var view = this.getView();
view.getEl().on("scroll", function (e, t) {
// On Horizontal scroll, set headerCt scroll x positions
var headerCt = this.getViewForColumn().getHeaderCt();
headerCt.setScrollX(t.scrollLeft);
}
我有树面板,2 个锁定的列,其余的是未锁定的列。我有大量的记录。当我快速水平滚动时,列 header 和数据不对齐。它适用于少量记录。
我得到了答案。我正在视图后渲染上注册滚动事件。滚动时,我使用 t.scrollLeft 获取滚动 x 位置并将其设置为 headerCt 的树视图水平位置。
afterrender: function () {
var view = this.getView();
view.getEl().on("scroll", function (e, t) {
// On Horizontal scroll, set headerCt scroll x positions
var headerCt = this.getViewForColumn().getHeaderCt();
headerCt.setScrollX(t.scrollLeft);
}