Fatal编程技术网
  • javascript/
  • Javascript ExtJS-如何自动滚动到表单字段？

Javascript ExtJS-如何自动滚动到表单字段？

javascript html dom extjs extjs4

Javascript ExtJS-如何自动滚动到表单字段？,javascript,html,dom,extjs,extjs4,Javascript,Html,Dom,Extjs,Extjs4,我需要自动滚动到表单字段（实际上是displayfield）。由于该字段是动态的，所以有时它已经显示在页面的呈现区域中，有时则不是 如何使用extjs4.x？使用extdom元素的scrollTo函数 滚动到（边，值，[animate]）->滚动此元素 指定的滚动点 参数 侧边：字符串（对于scrollLeft值为“左”，对于scrollTop值为“顶”。） 值：编号（新的滚动值） 动画制作：布尔/对象（可选）（默认动画为true） 或标准元素动画配置对象） 将以下代码行添加到表单面板 l

我需要自动滚动到表单字段（实际上是
displayfield
）。由于该字段是动态的，所以有时它已经显示在页面的呈现区域中，有时则不是

如何使用
extjs4.x
？

使用extdom元素的
scrollTo
函数

滚动到（边，值，[animate]）->滚动此元素 指定的滚动点

参数

  • 侧边：字符串（对于scrollLeft值为“左”，对于scrollTop值为“顶”。）
  • 值：编号（新的滚动值）
  • 动画制作：布尔/对象（可选）（默认动画为true） 或标准元素动画配置对象）
将以下代码行添加到表单面板

 listeners:{
        afterrender: function(){            
            this.body.el.scrollTo('top',200,true);
        }
    },
在所需的
显示字段上使用
focus（）
：


<yourDisplayField>.focus();



.focus（）；

已经试过了；不适合我。下面是示例代码片段：
field.getEl（）.scrollTo（'top'，200，true）必须调用容器的dom元素的scrollTo函数。类似这样-
field.up（'panel'）。scrollTo（'top'，200，true）仍然不起作用；容器是一个
表单面板
<代码>form.getEl（）.scrollTo（'top'，200，true）尝试了各种
值
参数。我添加了代码。我认为卷轴应该应用于body元素。希望有帮助。我想如果你知道表单面板中每个项目的高度，你可以很容易地找到所需显示字段的位置。