<?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数据发生变化相关推荐

  1. jquery滚动条滚动事件_滚动条和jQuery –使用航点的事件处理

    jquery滚动条滚动事件 How to handle scrolling with jQuery. Today we continue jQuery reviews, and our article ...

  2. Vue组件绑定自定义事件

    Vue组件使用v-on绑定自定义事件: 可以分为3步理解: 1.在组件模板中按照正常事件机制绑定事件: template: '<button v-on:click="increment ...

  3. 这就是为什么我们需要在React的类组件中绑定事件处理程序

    by Saurabh Misra 索拉·米斯拉(Saurabh Misra) 这就是为什么我们需要在React的类组件中绑定事件处理程序 (This is why we need to bind ev ...

  4. iview给radio按钮组件加点击事件

    <RadioGroup v-model="formValidate.phone"><Radio label="phone">商家电话&l ...

  5. [vue] vue给组件绑定自定义事件无效怎么解决?

    [vue] vue给组件绑定自定义事件无效怎么解决? 两种方式 1.组件外部加修饰符.navtive 2.组件内部声明$emit('自定义事件') 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放 ...

  6. Element ui 组件中用键盘事件

    //这是表单 <el-form:model="ruleForm"status-icon:rules="rules"ref="ruleForm&q ...

  7. Spark 生态系统组件

    引言:随着大数据技术的发展,实时流计算.机器学习.图计算等领域成为较热的研究方向,而Spark作为大数据处理的"利器"有着较为成熟的生态圈,能够一站式解决类似场景的问题.那么Spa ...

  8. vue延迟渲染组件_性能优化之组件懒加载: Vue Lazy Component 介绍

    这篇文章分享了从遇到前端业务性能问题,到分析.解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案(Vue Lazy Component )的过程. 初始加载资源过多 问题起源于我们的一个页面,下 ...

  9. Vue | 使用Vue脚手架 【脚手架的基本使用+ref属性+props属性+mixin混入+插件scoped样式+TodoList+浏览器本地存储+组件的自定义事件+全局事件总线+过度与动画】

    文章目录 脚手架的基本使用 初始化脚手架 分析脚手架结构 render函数 修改默认配置 ref属性 props属性 mixin混入 插件 scoped样式 Todo-list案例 组件化编码流程(通 ...

最新文章

  1. 【Qt】通过QtCreator源码学习Qt(九):容器算法总结
  2. HTTP协议是如何实现“秘密交互”的?
  3. 电脑开机动画_领克的开机画面,你修改了?
  4. svd medium_我们刚刚放弃了Medium博客。 您可能也应该这样做。
  5. excel高级筛选怎么用_python中实现excel的高级筛选
  6. python中要使用导入全部的是什么符号-在python格式字符串中使用标点符号
  7. win7 安装 Visual Studio 2015 出现 “Failed to install MSI package 等错误”
  8. 求知成瘾,却无作品 的思考 - stoneniqiu - 博客园
  9. 36家健康类公益组织联名举报百度
  10. SHELL脚本--多命令逻辑执行顺序
  11. 常用的php类、方法、函数 注释标记
  12. oracle11g和10的区别,同平台升级 oracle 10 到 oracle11g的一些考虑和实际操作
  13. 身份证号前缀与区域对照表
  14. k8s基础知识学习配套黑马
  15. Eclipse插件(RCP)自定义透视图
  16. 网易微专业高级前端开发工程师2022
  17. CREATE TABLESPACE语法
  18. 干货:教你如何玩转信息流广告投放,整套信息流精准定向投放攻略!
  19. PHP视频教程 全35讲rmvb格式下载
  20. IOS成长之路-Nsstring中搜索方法rangeOfString

热门文章

  1. DataTime转Varchar
  2. background-sizi (转)
  3. Delphi:ADOConnection连接SQLServer自动断网问题解决
  4. Mysql计算时间差
  5. 保护程序猿滴眼睛-----修改VS 2008 编辑器颜色 (修改 chrome浏览器的背景色)
  6. C++中的三种继承public,protected,private(转)
  7. Hadoop:mapreduce的splitsize和blocksize
  8. linux -- Linux diff与patch的深入分析
  9. linux传奇源码,游戏源码 屠龙传奇H5 鲲乃异兽 全套源码+教程
  10. 32位linux 内存占用,LINUX内存高,触发OOM-KILLER问题解决