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

Question

我在 extjs4 工作。我有自动滚动为真的表单面板。我有 20-25 个字段，底部有 fileUpload 字段。当我上传文件时，表单的滚​​动默认会置顶。我想在上传文件时保持表单的滚动状态。那么如何在 extjs4 的底部或上传字段部分设置此滚动条

Answer 1

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

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

}

在这里你有一个工作样本

恕我直言，但是，最好使用选项卡或类似的东西对字段进行分组，以避免长 a 且难以阅读/填写表格

Answer 2

我已经将这个问题解决到 Ext js 4.2 for Ext.form.panel 请参见以下代码。这将对您有所帮助。渲染事件上的 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);    
        }
    }