I need to scroll to a form field (a displayfield actually) automatically. Since the field is dynamic, sometimes it is already shown in the rendered area of page, sometimes it is not.
How can I do this using ExtJS 4.x?
Add a comment
|
2 Answers
Use focus() on the desired displayfield :
<yourDisplayField>.focus();
Comments
Use scrollTo function of Ext dom element. Reference
scrollTo( side, value, [animate] ) -> Scrolls this element the specified scroll point.
Parameters
- side : String (Either "left" for scrollLeft values or "top" for scrollTop values.)
- value : Number(The new scroll value)
- animate : Boolean/Object (optional) (true for the default animation or a standard Element animation config object)
Add following lines of code to the form panel.
listeners:{
afterrender: function(){
this.body.el.scrollTo('top',200,true);
}
},
8 Comments
talha06
have already tried it; did not work for me. here is the sample code snippet:
field.getEl().scrollTo('top', 200, true);
Gilsha
You have to call the scrollTo function of dom element of the container. Something like this -
field.up('panel').scrollTo('top',200,true);talha06
still did not work; the container is a
formpanel. form.getEl().scrollTo('top',200,true); tried with various value parameterGilsha
Talha, I have added code. I think the scroll should be applied to the body element. Hope it helps.
Gilsha
And I think if you know the height used for each item in the form-panel, you can easily find the position of the required displayfield.
|