textarea组件异步刷新时应该注意的一个小问题

前阵做一个小应用,正好用到textarea这个组件,有一个很简单的需求,就是当数据提交到textarea时滚动条自动滚到最底端。
大概搜索了一下,解决方案多是用取得文档最大值的方法,譬如这个

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;


更加简单实现效果,推荐这种做法
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值