Flex DataGrid Scrollbar滚动条x，y起始位置设置

最新推荐文章于 2017-06-16 21:06:00 发布

原创最新推荐文章于 2017-06-16 21:06:00 发布 · 6.7k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #flex #function #import #class #null

本文介绍了如何在Flex DataGrid中自定义滚动条的x和y起始位置。通过访问DataGrid的horizontalScrollBar和verticalScrollBar属性，并在updateDisplayList方法中调整它们的位置，可以实现滚动条与锁定列或头部的适配效果。

对flex datagrid scrollbar位置设置需要一些特殊处理，见如下截图： Flex 2.01 Datagrid Scrollbar Start Position Setting

关键点在于DataGrid拥有protected的 horizontalScrollBar 和 verticalScrollBar 属性，对其设置即可实现如上截图的效果。代码如下： package com.util.component { import mx.controls.DataGrid; import mx.events.DataGridEvent; import mx.core.ScrollPolicy; import mx.events.FlexEvent; public class AFWDataGrid extends DataGrid { public function AFWDataGrid() { super(); horizontalScrollPolicy = ScrollPolicy.AUTO; } private function setScrollPos():void { if(columns == null || columns.length < lockedColumnCount) return; var xOffset:Number = 0; for(var i:int=0; i<lockedColumnCount; ++i) xOffset += columns[i].width; if (horizontalScrollBar && horizontalScrollBar.x < xOffset){ horizontalScrollBar.x = xOffset; horizontalScrollBar.setActualSize(horizontalScrollBar.width - xOffset, horizontalScrollBar.height); } if(verticalScrollBar && verticalScrollBar.y < headerHeight){ verticalScrollBar.y = headerHeight; verticalScrollBar.setActualSize(verticalScrollBar.width, verticalScrollBar.height - headerHeight); } } override protected function updateDisplayList(w:Number, h:Number):void { super.updateDisplayList(w, h); setScrollPos(); } } }