TextArea auto scroll

[hordur]

Hello,

I'm updating a TextArea with a timer and would like to have it scroll down to the bottom, so the newest messages (at the bottom) are visible.
With javascript this could be done using a div:
objDiv.scrollTop = objDiv.scrollHeight;

...but I'm not sure how to do this in gwt/gxt. Does anyone know how to do this stuff?

[kolli]

Have you tried it??
Because i think the scroll bar will always be in the bottom of the textarea unless moved. so It is always the newest messages that is visible.

[hordur]

Yes, I tried it, but the scrollbar stays at the top, not the bottom.

[kolli]

can you post some sample code so that we can have a look?

[hordur]

Here's a small example.


import java.util.Date;

import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.Viewport;
import com.extjs.gxt.ui.client.widget.form.TextArea;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Timer;
import com.google.gwt.user.client.ui.RootPanel;

public class TextAreaTest implements EntryPoint {

public void onModuleLoad() {

LayoutContainer lc = new LayoutContainer();

Viewport v = new Viewport();
v.setLayout(new FitLayout());
v.add(lc);
RootPanel.get().add(v);

lc.setLayout(new FitLayout());

final TextArea txt = new TextArea();
lc.add(txt);
txt.setReadOnly(true);
txt.setValue(" ");

Timer timer = new Timer() {
public void run() {
txt.setValue(txt.getValue()+"\n"+(new Date()));
}
};
timer.scheduleRepeating(1000);
}

}

[hordur]

Found out how to do this. Didn't realize that I had access to the JS obj:

txt.getElement().setScrollTop(txt.getElement().getScrollHeight());

[kolli]

wow!!, good thanks i didnot know that :)