textarea组件异步刷新时应该注意的一个小问题
程序员文章站
2022-05-13 09:58:51
...
前阵做一个小应用,正好用到textarea这个组件,有一个很简单的需求,就是当数据提交到textarea时滚动条自动滚到最底端。
大概搜索了一下,解决方案多是用取得文档最大值的方法,譬如这个
方法本身没有问题,但是实际效果并不好,主要在于忽视了flex是异步的这点,取到的maxVerticalScrollPosition并非实际数据刷新后的maxVerticalScrollPosition。
稍微改动一下,就可以达到目的。
那有没有更简单的办法呢?
事实上可以不建立监听,利用ui组件的validateNow()函数让本来异步读取数据的flex看起来像是同步刷新的,譬如这样的代码
更加简单实现效果,推荐这种做法
大概搜索了一下,解决方案多是用取得文档最大值的方法,譬如这个
this.textarea.addEventListener(FlexEvent.VALUE_COMMIT,onValueCommit);
private function onValueCommit(event:FlexEvent):void{
this.textarea.verticalScrollPosition=this.textarea.maxVerticalScrollPosition;
}
方法本身没有问题,但是实际效果并不好,主要在于忽视了flex是异步的这点,取到的maxVerticalScrollPosition并非实际数据刷新后的maxVerticalScrollPosition。
稍微改动一下,就可以达到目的。
private function init():void{
a.addEventListener(FlexEvent.UPDATE_COMPLETE,handleMessage);
}
private function handleMessage(event:Event):void {
if (a.verticalScrollPosition < a.maxVerticalScrollPosition) {
a.verticalScrollPosition = a.maxVerticalScrollPosition;
}
}
那有没有更简单的办法呢?
事实上可以不建立监听,利用ui组件的validateNow()函数让本来异步读取数据的flex看起来像是同步刷新的,譬如这样的代码
a.validateNow();
a.verticalScrollPosition = a.maxVerticalScrollPosition;
更加简单实现效果,推荐这种做法