前阵做一个小应用,正好用到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;
更加简单实现效果,推荐这种做法
分享到:
- 2009-07-31 15:47
- 浏览 1375
- 评论(0)
- 论坛回复 / 浏览 (0 / 2061)
- 查看更多
相关推荐
2. **EventLink 组件**:不仅用于跳转到另一个页面,还可以传递参数并执行相应的业务逻辑。 3. **PageLink 组件**:仅用于跳转到另一个页面,并可传递参数。 4. **LinkSubmit 组件**:以链接的形式实现表单提交...
PrimeFaces是一个开源的JavaServer Faces(JSF)组件库,它提供了一组丰富的UI组件,以帮助开发者创建丰富的、交云的、基于JSF的Web应用程序。PrimeFaces中文教程详细地向开发者介绍了PrimeFaces的安装和配置,以及...
7. **安全性考虑**:集成FCKeditor时,需要注意XSS(跨站脚本攻击)的安全问题。应确保所有输入都经过适当的清理和转义,避免恶意代码注入。 8. **错误处理与调试**:在集成过程中,可能会遇到JavaScript错误、资源...
为GroupingCollection创建异步刷新 第七章:渲染器和编辑器(215) 7.1节.创建自己的渲染器 7.2 节. 使用ClassFactory 生成渲染器 7.3节.访问设置自己渲染器的组件 7.4.节.创建一个简单的组件作为渲染器和编辑器 ...
EXTJS 2.0是一个强大的B/S架构客户端程序,它为开发者提供了丰富的组件库,如表格、窗体、菜单、工具栏等,使得开发人员能够快速构建出类似于C/S系统般炫目的界面。EXTJS不仅外观引人注目,还包含了JSON和AJAX技术,...
首先,你需要创建一个包含所有必要字段的表单,每个字段可以是`<input>`、`<select>`或`<textarea>`元素,然后通过CSS类`form-easyui`使它们具有EasyUI样式。表单提交时,可以使用AJAX将数据发送到后台服务器,处理...
PrimeFaces是一个开源的JavaServer Faces (JSF)组件库,提供了大量的UI组件以增强JSF Web应用程序的开发效率和用户体验。安装PrimeFaces通常涉及将库添加到项目的依赖管理工具中(如Maven或Gradle),或者直接将jar...
18. **Dashboard**:仪表板组件,用于显示多个小部件。 19. **DataExporter**:数据导出工具,用于将数据导出为Excel或CSV格式。 20. **DataGrid**:数据网格,用于展示数据列表。 21. **DataList**:数据列表,以...
- **PrimeFaces**:这是一个基于JavaServer Faces(JSF)的开源JavaScript库,提供了一系列丰富的用户界面组件,旨在简化Web应用开发并提升用户体验。 - **PrimeTeknoloji**:PrimeFaces由PrimeTeknoloji公司开发和...
表单通常会有一个明确的提交按钮,点击后将触发后台处理,例如通过AJAX异步提交,这样可以保持页面的流畅性,不让整个页面刷新。 在回复功能方面,Bootstrap留言板可能会有嵌套评论的设计,即用户可以直接对某条...
在使用DWR时,通常我们会创建一个或多个Java类,并通过DWR的配置将其暴露给JavaScript。这样,客户端的JavaScript可以直接调用这些Java方法,就像它们是本地函数一样。例如,我们可能会有一个`Remote`类,其中定义了...
最近我也开始了学习小程序,学了一段时间后,想看看这段时间的学习效果,于是边学习边开始了我的第一个小程序。相信很多人都用过小红书吧,我可是被它安利了很多好东西呢,所以想着就仿写一个小红书的微信小程序吧。...
例如,`<textarea name="message"></textarea>` 创建一个文本区域,用户可以在这里输入消息。 3. **下拉菜单(select)**:通过`<select>`标签创建下拉列表,用户可以选择其中一个选项。例如: ``` 红色 蓝色 ...
Tailwind是一个高度可配置的CSS库,它的核心理念是提供一组低级、不具样式的设计原子,如间距、颜色、字体和布局,而不是预设的组件或样式。这样,开发者可以完全控制设计的每一个细节,同时保持代码的简洁和一致性...
本资源“前端控件集.zip”提供了一个小案例集合,这些案例旨在展示和练习各种前端控件的使用,帮助开发者提升技能并快速理解和应用。控件是构建用户界面的基本元素,包括按钮、输入框、下拉菜单、滑块、日历选择器等...
【描述】提到的"个人信息提交表单代码"是用于开发前端网页的一个关键组件,它利用JavaScript来提升用户体验。原生JavaScript意味着不依赖任何外部库如jQuery或其他框架,而是直接使用浏览器内置的API来编写代码。...
每个页面都被视为一个独立的单元,通过链接或程序导航在不同的页面之间切换,这种设计有利于优化移动设备的性能。 2. **主题和样式**:JqueryMobile提供了一套完整的主题系统,可以通过简单的类名应用到元素上,...
4. **AJAX**:异步JavaScript和XML,用于实现网页的局部刷新功能。 #### 三、前端框架详解 ##### Bootstrap Bootstrap是一个非常流行的前端框架,它基于HTML、CSS和JavaScript,提供了大量的预定义样式和组件。 ...
表单是网页上用于收集用户输入数据的组件,常见的有输入框(text)、单选框(radio)、复选框(checkbox)、文本域(textarea)、密码框(password)以及文件上传(file)等。表单通常由`<form>`元素包裹,它定义了...