Spark List组件滚动条加事件使datalist数据发生变化
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/05/31/detecting-when-the-vertical-scroll-bar-is-scrolled-on-a-spark-list-control-in-flex-4/ -->
<s:Application name="Spark_List_scroller_verticalScrollBar_change_test"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
import spark.components.VScrollBar;
private function init():void {
list.scroller.verticalScrollBar.addEventListener(Event.CHANGE, list_verticalScrollBar_change);
}
private function list_verticalScrollBar_change(evt:Event):void {
var vsb:VScrollBar = evt.currentTarget as VScrollBar;
var obj:Object = {};
obj.type = evt.type;
obj.val = vsb.value;
obj.max = vsb.maximum;
arrColl.addItem(obj);
callLater(dgScroll);
}
private function dgScroll():void {
dataGrid.verticalScrollPosition = dataGrid.maxVerticalScrollPosition;
}
]]>
</fx:Script>
<fx:Declarations>
<mx:ArrayCollection id="arrColl" />
</fx:Declarations>
<s:HGroup horizontalCenter="0" verticalCenter="0">
<s:List id="list"
creationComplete="init();">
<s:layout>
<s:VerticalLayout gap="0"
horizontalAlign="contentJustify"
requestedRowCount="4" />
</s:layout>
<s:dataProvider>
<s:ArrayList>
<fx:String>The</fx:String>
<fx:String>Quick</fx:String>
<fx:String>Brown</fx:String>
<fx:String>Fox</fx:String>
<fx:String>Jumps</fx:String>
<fx:String>Over</fx:String>
<fx:String>The</fx:String>
<fx:String>Lazy</fx:String>
<fx:String>Dog</fx:String>
</s:ArrayList>
</s:dataProvider>
</s:List>
<mx:DataGrid id="dataGrid"
dataProvider="{arrColl}"
width="200"
verticalScrollPolicy="on">
<mx:columns>
<mx:DataGridColumn dataField="type" />
<mx:DataGridColumn dataField="val" />
<mx:DataGridColumn dataField="max" />
</mx:columns>
</mx:DataGrid>
</s:HGroup>
</s:Application>
Spark List组件滚动条加事件使datalist数据发生变化相关推荐
- jquery滚动条滚动事件_滚动条和jQuery –使用航点的事件处理
jquery滚动条滚动事件 How to handle scrolling with jQuery. Today we continue jQuery reviews, and our article ...
- Vue组件绑定自定义事件
Vue组件使用v-on绑定自定义事件: 可以分为3步理解: 1.在组件模板中按照正常事件机制绑定事件: template: '<button v-on:click="increment ...
- 这就是为什么我们需要在React的类组件中绑定事件处理程序
by Saurabh Misra 索拉·米斯拉(Saurabh Misra) 这就是为什么我们需要在React的类组件中绑定事件处理程序 (This is why we need to bind ev ...
- iview给radio按钮组件加点击事件
<RadioGroup v-model="formValidate.phone"><Radio label="phone">商家电话&l ...
- [vue] vue给组件绑定自定义事件无效怎么解决?
[vue] vue给组件绑定自定义事件无效怎么解决? 两种方式 1.组件外部加修饰符.navtive 2.组件内部声明$emit('自定义事件') 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放 ...
- Element ui 组件中用键盘事件
//这是表单 <el-form:model="ruleForm"status-icon:rules="rules"ref="ruleForm&q ...
- Spark 生态系统组件
引言:随着大数据技术的发展,实时流计算.机器学习.图计算等领域成为较热的研究方向,而Spark作为大数据处理的"利器"有着较为成熟的生态圈,能够一站式解决类似场景的问题.那么Spa ...
- vue延迟渲染组件_性能优化之组件懒加载: Vue Lazy Component 介绍
这篇文章分享了从遇到前端业务性能问题,到分析.解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案(Vue Lazy Component )的过程. 初始加载资源过多 问题起源于我们的一个页面,下 ...
- Vue | 使用Vue脚手架 【脚手架的基本使用+ref属性+props属性+mixin混入+插件scoped样式+TodoList+浏览器本地存储+组件的自定义事件+全局事件总线+过度与动画】
文章目录 脚手架的基本使用 初始化脚手架 分析脚手架结构 render函数 修改默认配置 ref属性 props属性 mixin混入 插件 scoped样式 Todo-list案例 组件化编码流程(通 ...
最新文章
- 【Qt】通过QtCreator源码学习Qt(九):容器算法总结
- HTTP协议是如何实现“秘密交互”的?
- 电脑开机动画_领克的开机画面,你修改了?
- svd medium_我们刚刚放弃了Medium博客。 您可能也应该这样做。
- excel高级筛选怎么用_python中实现excel的高级筛选
- python中要使用导入全部的是什么符号-在python格式字符串中使用标点符号
- win7 安装 Visual Studio 2015 出现 “Failed to install MSI package 等错误”
- 求知成瘾,却无作品 的思考 - stoneniqiu - 博客园
- 36家健康类公益组织联名举报百度
- SHELL脚本--多命令逻辑执行顺序
- 常用的php类、方法、函数 注释标记
- oracle11g和10的区别,同平台升级 oracle 10 到 oracle11g的一些考虑和实际操作
- 身份证号前缀与区域对照表
- k8s基础知识学习配套黑马
- Eclipse插件(RCP)自定义透视图
- 网易微专业高级前端开发工程师2022
- CREATE TABLESPACE语法
- 干货:教你如何玩转信息流广告投放,整套信息流精准定向投放攻略!
- PHP视频教程 全35讲rmvb格式下载
- IOS成长之路-Nsstring中搜索方法rangeOfString
热门文章
- DataTime转Varchar
- background-sizi (转)
- Delphi:ADOConnection连接SQLServer自动断网问题解决
- Mysql计算时间差
- 保护程序猿滴眼睛-----修改VS 2008 编辑器颜色 (修改 chrome浏览器的背景色)
- C++中的三种继承public,protected,private(转)
- Hadoop:mapreduce的splitsize和blocksize
- linux -- Linux diff与patch的深入分析
- linux传奇源码,游戏源码 屠龙传奇H5 鲲乃异兽 全套源码+教程
- 32位linux 内存占用,LINUX内存高,触发OOM-KILLER问题解决