Flex中怎么给表格中的滚动条定位避免刷新回到原处_Flex

来源:脚本之家  责任编辑:小易  

  修改index.template.html,加入一段js获取浏览器窗口的宽高;  根据浏览器

1、问题背景

设置你容器的horizontalScrollPolicy和verticalScrollPolicy为

如果表格中的字段过多,会出现滚动条,在将滚动条滚到一定的位置时,重新刷新表格,滚动条会回到原处,原来查看的字段还得继续滚动,才能查看到。

用list的itemrenderder把checkbox加入titelist中,在itemrende

2、实现实例

horizontalScrollPolicy:String指定水平滚动条是始终显示、始终不显示,

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="initHandler(event)" width="100%" height="100%"> <s:layout> <s:BasicLayout/> </s:layout> <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; import mx.controls.Alert; import mx.events.FlexEvent; [Bindable] //表格数据绑定 private var gridArray:ArrayCollection = new ArrayCollection([ {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"}, {Jan:"5678",Feb:"7890",Mar:"3454",Apr:"4565",May:"6756",Jun:"5656",Jul:"7867",Aug:"8990",Sep:"5676",Oct:"4655",Nov:"6778",Dec:"8909", Jan1:"3344",Feb1:"5676",Mar1:"7898",Apr1:"9089",May1:"9009",Jun1:"5675",Jul1:"3433",Aug1:"4455",Sep1:"6676",Oct1:"7867",Nov1:"4556",Dec1:"8656"} ]); /** * 初始化函数 */ protected function initHandler(event:FlexEvent):void { } /** * 刷新按钮函数 */ protected function refresh_clickHandler(event:MouseEvent):void { var hx:Object = hsb.left; var hy:Number = hsb.y; //var dx:Number = dataGrid.contentMouseX; //var dy:Number = dataGrid.contentMouseY; //Alert.show("hx:"+hx+"\n"+"hy: "+hy + "\n" + "dx: " + dx + "\n" + "dy: " + dy); Alert.show("hx:"+hx+"\n"+"hy: "+hy); } ]]> </fx:Script> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <mx:VBox width="100%" height="100%" paddingBottom="10" paddingLeft="10" paddingRight="20" paddingTop="10" horizontalAlign="center"> <mx:HBox width="100%" height="30"> <s:Label width="100%"/> <s:Button id="refresh" label="刷新" click="refresh_clickHandler(event)"/> </mx:HBox> <mx:DataGrid width="1350" height="90%" id="dataGrid" dataProvider="{gridArray}" horizontalScrollPolicy="on" textAlign="center"> <mx:columns> <mx:DataGridColumn headerText="2013年01月" dataField="Jan" width="200"/> <mx:DataGridColumn headerText="2013年02月" dataField="Feb" width="200"/> <mx:DataGridColumn headerText="2013年03月" dataField="Mar" width="200"/> <mx:DataGridColumn headerText="2013年04月" dataField="Apr" width="200"/> <mx:DataGridColumn headerText="2013年05月" dataField="May" width="200"/> <mx:DataGridColumn headerText="2013年06月" dataField="Jun" width="200"/> <mx:DataGridColumn headerText="2013年07月" dataField="Jul" width="200"/> <mx:DataGridColumn headerText="2013年08月" dataField="Aug" width="200"/> <mx:DataGridColumn headerText="2013年09月" dataField="Sep" width="200"/> <mx:DataGridColumn headerText="2013年10月" dataField="Oct" width="200"/> <mx:DataGridColumn headerText="2013年11月" dataField="Nov" width="200"/> <mx:DataGridColumn headerText="2013年12月" dataField="Dec" width="200"/> <mx:DataGridColumn headerText="2014年01月" dataField="Jan1" width="200"/> <mx:DataGridColumn headerText="2014年02月" dataField="Feb1" width="200"/> <mx:DataGridColumn headerText="2014年03月" dataField="Mar1" width="200"/> <mx:DataGridColumn headerText="2014年04月" dataField="Apr1" width="200"/> <mx:DataGridColumn headerText="2014年05月" dataField="May1" width="200"/> <mx:DataGridColumn headerText="2014年06月" dataField="Jun1" width="200"/> <mx:DataGridColumn headerText="2014年07月" dataField="Jul1" width="200"/> <mx:DataGridColumn headerText="2014年08月" dataField="Aug1" width="200"/> <mx:DataGridColumn headerText="2014年09月" dataField="Sep1" width="200"/> <mx:DataGridColumn headerText="2014年10月" dataField="Oct1" width="200"/> <mx:DataGridColumn headerText="2014年11月" dataField="Nov1" width="200"/> <mx:DataGridColumn headerText="2014年12月" dataField="Dec1" width="200"/> </mx:columns> </mx:DataGrid> <!-- <s:HScrollBar id="hsb" width="100%" viewport="{dataGrid}"/> --> <s:HScrollBar id="hsb" width="100%"/> </mx:VBox> </s:Application>

把需要加滚动条的控件Scroller控件中即可

3、实现结果

【眯眼课堂】又来和大家见面啦,上期的分享中有同学提出想学VCA的鉴定知识,眯眼在结束线下鉴定课堂培训后,就开始为同学们编辑内容,大家一起学习起来吧!也欢迎更多的同学加入到我们的线上线下课堂中!真正学会实战鉴定,远离假货!梵克雅宝(VanCleef&Arpels)是法国著名奢侈品品牌,自百多年之前第一件梵克雅宝(VanCleef&Arpels)珠宝诞生以来,VCA便一直是世界各国贵族和名流雅士所钟爱的顶级珠宝品牌。谈起梵克雅宝,相信同学们的都会联想到四叶草Alhambra系列,四叶草目前在二手奢侈品市场也是最火热,最畅销的一款。梵克雅宝(VanCleef&Arpels)四

谢邀,我是变革家笔哥。如今,随着中国经济的发展,大家除了吃饱穿暖外,基本手中都还有一些积蓄。而如果手里的钱只是放到自己手里的话,是会迅速贬值的。因此,为了让我们的资金得到有效的保值,可以通过以下几种方式来进行尝试。首先最稳妥的方式自然是存银行定期。对于没有任何理财经验的人来说,存定期是少资金、初级入门的最佳,最可靠的选择。至于有些言传的更好收益的品种,建议在还没入门的情况下谨慎选择,以免上当。其次可以尝试找一些信誉较高的理财平台或借贷平台,但同时谨记不能要求利息太高,否则风险太大,不好回收。接下来,如果是具备专业的投资知识的,可以选择股票,黄金等相对风险高,收益高的产品。据相关人士测算,改革以

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

如何让Flex的Tree显示水平滚动条

horizontalScrollPolicy="on"

maxHorizontalScrollPosition="1"

flex中AdvancedDataGrid滚动条不显示在当前区域

这个垂直滚动条是dataGrid的...但是横向滚动条却是TitleWindow的.因为你dataGrid没有设置宽,但是却设置了列宽..而titleWindow设置了1000.那么dataGrid的列*列宽>titleWindow的宽了...所以出现这种情况..

解决办法是设置dataGrid的高度.具体的你得自己试了追问titlewindow我有设置高度是300,里面的datagrid设置的高度为height="94%",为什么是和datagrid的高度有关呢?追答因为你dataGrid行*行高>dataGrid的高...那么dataGrid出现垂直滚动条了..

所以你只要设dataGrid的高为N...那么N>titleWindow..那么titleWindow就出现垂直滚动条了..而不是dataGrid出

flex 下拉框中信息过多,导致出现垂直滚动条,怎么修改滚动条的样式呀,现在的是下拉框自带的滚动条

.scrollBar{

downArrowUpSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png");

downArrowOverSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png");

downArrowDownSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png");

downArrowDisabledSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png");

upArrowUpSkin:Embed(source="img/mainLeftScrollBar/bar_top.png");

upArrowOverSkin:Embed(source="img/mainLeftScrollBar/bar_top.png");

upArrowDownSkin:Embed(source="img/mainLeftScrollBar/bar_top.png");

upArrowDisabledSkin:Embed(source="img/mainLeftScrollBar/bar_top.png");

thumbDownSkin:Embed(source="img/mainLeftScrollBar/bar_middle_down.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");

thumbUpSkin:Embed(source="img/mainLeftScrollBar/bar_middle.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");

thumbOverSkin:Embed(source="img/mainLeftScrollBar/bar_middle_over.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");

trackSkin:Embed(source="img/mainLeftScrollBar/bar_bg.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");

}

把这个写到全局.CSS中去就可以了。另外这里面的图片可以自己去定义路径。图片自己去找本回答被提问者和网友采纳

Flex4中,tree组件中滚动条的样式怎么修改

这个就需要重写一些textArea组件了,将滚动条定位到左边,先对麻烦一点,希望别人能给你正确答案Flex4里边把Scroller作为了一个独立标签,好像可以控制位置

  • 本文相关:
  • 获取到advanceddatagrid选中行的全部数据
  • flex播放器(实现播放、缓冲进度条和音频曲线显示)
  • flex小技巧之加载gif图片
  • flex4 panel去掉标题设置透明度效果代码
  • ie9下关闭弹出窗口出现__flash__removecallback未定义错误
  • 全面了解flex的用途
  • flex动态加载swf皮肤示例代码
  • flex项目中server的名称修改方法探讨
  • flex复选框和下拉列表的几种用法整理
  • flex arraycollection删除过滤的数据问题解决
  • 如何让Flex的Tree显示水平滚动条
  • flex中AdvancedDataGrid滚动条不显示在当前区域
  • flex 下拉框中信息过多,导致出现垂直滚动条,怎么修改滚动条的样式呀,现在的是下拉框自带的滚动条
  • Flex4中,tree组件中滚动条的样式怎么修改
  • 关于flex中DataGrid滚动条问题
  • flex4 如何给整个页面添加滚动条?
  • flex中怎么设置滚动条
  • Flex如何解决flex滚动条后重新渲染
  • flex怎么在浏览器设置滚动条,就是浏览器窗口变小,不能显示所有内容,会出现滚动条
  • 怎样在flex4中添加滚动条
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全javascriptasp.netphp编程ajax相关正则表达式asp编程jsp编程编程10000问css/htmlflex脚本加解密web2.0xml/rss网页编辑器相关技巧安全相关网页播放器其它综合dart首页flex获取到advanceddatagrid选中行的全部数据flex播放器(实现播放、缓冲进度条和音频曲线显示)flex小技巧之加载gif图片flex4 panel去掉标题设置透明度效果代码ie9下关闭弹出窗口出现__flash__removecallback未定义错误全面了解flex的用途flex动态加载swf皮肤示例代码flex项目中server的名称修改方法探讨flex复选框和下拉列表的几种用法整理flex arraycollection删除过滤的数据问题解决flex复选框和下拉列表的几种用法flex与js通信与彼此之间的互调整flex中advanceddatagrid的用法示flex label自动截取、自动换行代flex中如何动态生成datagrid以及flex播放器(实现播放、缓冲进度条flex chrome浏览器调试出现空白的flex导出excel具体实现flex 输出文件到本地的两种方法flex4 panel去掉标题设置透明度效如何在renderer中设置属性 renderer中设置flex帮助文档(html格式)制作及asdoc的使用flex label自动截取、自动换行代码flex4 datagrid中如何嵌入radiobuttonflex读取txt文件中的内容报错原因分析及解手把手教你使用flex eclipse整合springflex与js通信与彼此之间的互调整理(一)flex中textinput组件设置限制某些字符的输flex导出excel具体实现flex4.0 利用外部项呈示器显示list信息并
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved