This is my code below. How can I scroll to bottom of textarea? It must be something like
Ext.getCmp('output').setScrollPosition(Ext.getCmp('output').getScrollHeight());
Here is my code for the textarea:
var myWin= new Ext.Window({
height : 340,
title : 'CHAT',
modal : true,
resizable : false,
draggable : false,
closable : false,
width : 477,
layout : 'absolute',
bodyStyle : 'padding : 10px',
buttonAlign : 'center',
items : [
{
id : 'output',
xtype : 'textarea',
width : 216,
readOnly : true,
autoScroll : true,
height : 234,
x : 10,
y : 10
},
item6,
{
id : 'input',
xtype : 'textfield',
width : 443,
y : 249,
x : 10
}]
...
sha
I don't think there is ExtJs method to scroll textarea, however you can use HTML textarea properties:
var t = Ext.getCmp('output'),
t1 = t.getEl().down('textarea');
t1.dom.scrollTop = 99999;
Here is the question where it was discussed: Dynamically Scrolling a Textarea
Arsen
var d = Ext.getCmp('output').getEl().down('textarea').dom;
d.scrollTop = d.scrollHeight - d.offsetHeight;
来源:https://stackoverflow.com/questions/10964667/ext-js-how-to-scroll-to-bottom-of-textarea