Question

我在extjs4工作。我有autoscroll真正的表单面板。我有20-25个字段，底部有fileUpload字段。当我上传文件时，表格的滚动默认为顶部。我希望保持形式的滚动，因为它是在上传文件时的位置。那么如何在extjs4

的底部或上传字段部分设置此scrollBar

Answer 1

您可以尝试在表单声明中添加以下方法：

scrollToField: function(fieldId) {
    var field = Ext.get(fieldId);
    field.el.scrollIntoView(this.body.el);

}

这里有working sample

恕我直言，不过，最好使用制表符或类似的东西对字段进行分组，以避免长篇难以阅读/填写表单

Answer 2

我已将此问题解决到Ext.form.panel的Ext js 4.2中请参阅以下代码。这对你有所帮助。 onRender函数调用渲染事件

onRender: function () {
            this.callParent(arguments);
            if (!this.restoreScrollAfterLayout) {
                this.mon(Ext.get(this.getEl().dom.lastElementChild), 'scroll', this.onScroll, this);
                this.restoreScrollAfterLayout = true;
            }
        },

  onScroll: function (e ,t, eOpts) {
        this.scroll = Ext.get(this.getEl().dom.lastElementChild).getScroll();
    },

    afterLayout: function () {
        this.callParent(arguments);
        if (this.restoreScrollAfterLayout && this.scroll) {
            var el = Ext.get(this.getEl().dom.lastElementChild),
                scroll = this.scroll;
            el.scrollTo('left', scroll.left);
            el.scrollTo('top', scroll.top);    
        }
    }

在Extjs4中如何将滚动条位置设置为表单面板的底部

2 个答案: